Problem with interaction on Safari

[vadelfino (Valentina Delfino)]

Hi,

I’m having problems with the interactions with Safari. (This is my first site with interactions) It looks perfect on Chrome and Firefox, you can see it here: http://wlmskinproducts.webflow.io/

https://preview.webflow.com/preview/wlmskinproducts?preview=b488c406e1d56b32a658be2345acd8b6

I think is a bug

Please help!

Thank you,

Valentina

[Waldo (Waldo Broodrÿk)]

@vadelfino thank you so much for posting this!

I found a potential fix for the issue showing up in Safari.

If you set both of the child elements of each Wrap# element to make the back face invisible then the rotation works as expected:

​Please let me know if this solves the problem, if not, I’m happy to help further

[vadelfino (Valentina Delfino)]

Hi Waldo,

I set back face invisible all the child elements and still doesn’t work…

I also try face invisible all the elements and works on Chrome but not on Safari.

[Alejandra (Alejandra Villa)]

Hi @vadelfino,

I’ve looked into the behavior you are describing, and apart from setting back face as invisible for every one of the child elements of each Wrap# element, this parent wrapper also needs to have the Children Perspective setting in the Transitions & Transforms section of the Style tab set (you could use the original width of your element as the value, in this case, 1200px).

I recorded an example of this step, you can check it here:

Please let me know if this is helpful, if not, we are happy to look into this further.