ios15 safari transition is not working

Hello, recently, I updated to ios15.

but Some transition animations do not seem to be applied in the ios15 safari environment. I want to know the reason.

Answered by Claude31 in 690431022

Some transition animations do not seem to be applied in the ios15 safari environment.

Could you explain precisely which transitions ?

Accepted Answer

Some transition animations do not seem to be applied in the ios15 safari environment.

Could you explain precisely which transitions ?

I want to move element div left to right or right to left.. but In Ios15, this element div doesn't move..

I have same issue transition: right 0.3s ease; not working when I purchase new iphone 13 pro, it works on my old device iphone XS

It's one of IOS specific bugs, transition: right 0.3s ease; doesn't always work in IOS. The one way transition will work fine in IOS Safari is when you use all so like transition: all 0.3s ease;. So what to do if you want to use transition on specific property only like transition: right 0.3s ease; and have it work in IOS Safari. Workaround I do - I use animation and keyframes instead of transition. Yes, code looks longer, but works anywhere.

ios15 safari transition is not working
 
 
Q