iOS 15.1 not displaying some @keyframe trasform:translate animations properly?

I've spoken with users of at least 5 different iOS 15.1 devices, using both Chrome and Safari.


The animation in this codepen link is not behaving properly on any iOS 15.1 devices.


https://codepen.io/kurt-eh/pen/LYzpdKZ


Other mobile devices, including iOS 14.x and Android (and desktop browsers) all display the animation properly.


Is there an issue with 15.1 that would affect website animations?


Animated gif:

Left: display on an iPad running 15.1 (both Chrome and Safari exhibit this behavior).

Right: desktop Chrome in inspect (iPad simulation) mode showing expected animation behavior.


iPad (5th gen) Wi-Fi, Cellular

Posted on Dec 4, 2021 3:50 PM

Reply

Similar questions

1 reply

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

iOS 15.1 not displaying some @keyframe trasform:translate animations properly?

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.