Hi all, trying to make this 3D rotating cube and it renders correctly in Chrome and Firefox, but not Safari. It looks like the cube’s faces are stretched across the whole website as it rotates (See Google Drive links to screen recordings below). Site is ghoste.webflow.io . Solutions I’ve tried so fa…

hi @strawpari , I believe that webflow does not have the full Webkits for safari when it comes to webflow. Try to make interactions with Position Absolute items, instead of Flex. The class you are using for the animation c-HUD__cube is on Flex, try to place it on inline-block and use the other item…

3D Transform Flickering Glitch (Safari-only issue)

Design help Animations & Interactions

UXCentric (Lobsang Burgos) December 11, 2020, 4:52am 8

Vincent, you are Webflow Designers’ Christmas gift. Thank you for looking into it. I knew you would solve it right away.

I have another issue if you can please look into it when you get a chance.

Topic		Replies	Views
Rotate animation not working in Safari Animations & Interactions	3	2465	February 8, 2021
3D transform bug in safari pixellating everything - fine in chrome/FF :( Bugs	8	10390	June 18, 2018
3D Transform Flicker Bug in Safari? General	7	3198	March 16, 2016
Issues with 3D transformations in Safari Animations & Interactions	0	921	June 17, 2020
3D-Objects dont appear in Safari Animations & Interactions	9	745	May 31, 2023

3D Transform Flickering Glitch (Safari-only issue)

Related topics