Viewing Animation on iOS

Animation on iOS



User: Ralf E. 8 years ago
Hello,
the animation feature is great in everweb, but it does not work on iPad. How can I prevent the animation on iOS without creating a separate page? is that possible?

Ralf
User: Roddy 8 years ago
The animations will work on iPad as long as you are aware of the limitations with regard to direction. See THIS topic for more info.

To prevent an object animating when viewed on an iPad you would need to assign it an ID and use media queries to remove the effect.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 8 years ago
Here's a quick and dirty way to prevent animations on touch devices. Paste this into the Head Code box in the Page inspector...

<style type="text/css">
@media screen and (max-width:1059px){
*{animation-duration:0 !important;-webkit-animation-duration:0 !important;animation-delay:0 !important;-webkit-animation-delay:0 !important;animation-iteration-count:0 !important;-webkit-animation-iteration-count:0 !important}
}
</style>

This sets the animation to zero on all elements on the page when the browser/device width is less than 1059px.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.