search

l-lin / font-awesome-animation

Simple animations using FontAwesome and some CSS3.
http://l-lin.github.io/font-awesome-animation/
MIT License
913 stars 195 forks source link

disable fa icon animation for ipad and touch devices #24

Open Mr-Anonymous opened 7 years ago

Mr-Anonymous commented 7 years ago

First of all, thank you for this awesome plugin. I am using the FA Animation in my Angular App when Parent element is hovered. In iPads, when the link is clicked, I noticed that the animation continues until user touches somewhere else to stop the animation. Is there a way to disable hover effects in iPads or when user uses touch devices / touch gestures?

Thanks, Neel.

manattweb commented 4 years ago

No expert by any means, but can you wrap the entire CSS for this project in a media query or using JavaScript's ability to detect the device to remove the animations on touch devices? I think the JS route might be more practical by removing the animated class.

Just thinking out loud to try to spur ideas.