Timeline Animation issue in Safari

[AdventurousDeveloper]

Hi there,

 

I have an issue with a timeline animation in Safari v15.4 & Safari iOS 15.4.1.

 

Hoping someone might be able to see if it's me doing something wrong or maybe a bug...

 

My animation is pretty simple, images either move in from the top, left, right and bottom. On the repeat of timeline in Safari, the first image from the first timeline cycle is visible when then the repeat timeline is run. Running the same animation in Chrome and FireFox, this issue doesn't show.

 

Any help would be much appreciated  

 

Cheers,

 

See the Pen dydpwMb by tracta_nz (@tracta_nz) on CodePen

[OSUblake]

Hi tracta,

 

Do this work for you? I just added will-change: transform; to the CSS.

 

See the Pen wvyzNoE by GreenSock (@GreenSock) on CodePen

 

[AdventurousDeveloper]

Hey @OSUblake,

 

Thank you so much, that fixed the issue! I'll be sure to keep that in mind for the future. Thanks again!