You can make a difference in the Apple Support Community!

When you sign up with your Apple Account, you can provide valuable feedback to other community members by upvoting helpful replies and User Tips.

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

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

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.