disable fa icon animation for ipad and touch devices

[Mr-Anonymous]

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]

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.