Safari 11.0.1 glitch in animatin

[RolandSoos 62 Likes (Contributor)]

Hi,

 

I have this example located: https://smartslider3.com/video-slider/#four

When you switch slides - in Safari 11.0.1 the animated slides start the flickering until the animation ends. Do you see any issue on the applied transforms or is it a Safari bug which I should report?

 

I will try to create a Codepen on Monday, but currently I do not have the time for that.

 

 

What fixed the example:

z axis 1px to the slides or rotationX or rotationY 1 deg

[fernandofas 11 Likes (Newbie)]

Hi there,

 

Try to add transformperspective:xxxpx where the xxx is the width of the slide.

 

Plus, z: 0.1, rotationZ: 0.01, force3D: true.

 

That might help.

 

Cheers,

 

[RolandSoos 62 Likes (Contributor)]

15 hours ago, fernandofas said:

Plus, z: 0.1, rotationZ: 0.01, force3D: true.

 

 

Thanks that worked!