Hover effect still carries on after following link.

IanLunn / Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

http://ianlunn.github.io/Hover/

Other

29.25k stars 5.78k forks source link

Hover effect still carries on after following link. #38

Closed FlatspinZA closed 9 years ago

FlatspinZA commented 9 years ago

Hi, great plugin, thanks for all the work.

I have a problem when using images from other domains, such as:

I apply a hover effect to that, follow the link which opens in a new window, but the only problem is that the 'Built with Grunt' icon carries on with the hover effect until I click somewhere else on the page.

It only happens to images/icons pulled from other domains, not ones on my domain.

Can you suggest some Javascript to eliminate this behaviour please, or point me in the right direction for being a moron.

Thank you.

IanLunn commented 9 years ago

What effect(s) are you using please? And which browser is this occuring in? Seems very odd to only happen on externally hosted images. There is a known browser bug that causes similar to what you have described in WebKit based browsers.

Can you provide a link to your project please?

FlatspinZA commented 9 years ago

Hi, Ian - sorry I am developing locally at the moment - I am using FoundationPress, with jquery.waypoints, animate.css, jquery.smooth-scroll, Font-Awesome, and obviously your Hover.scss. I don't see any conflicts with any of the classes.

I just check it on Firefox, IE & Chrome, and the behaviour is the same across all browsers - the effect persists until either a click on the blank are of the page, or another link is selected. I also checked various effects, and the behaviour is the same regardless of the effect.

And then I solved the problem by removing the effect class from the hyperlink tag & placing it on the image tag. So, there's a thing - thank you for your response, and have a great Christmas.