CSS Transforms are not being published

Having some 3D CSS transforms on a few elements here -

on hover event the scale and rotation transforms are clearly working in preview mode, but do not appear to do so on the published site at URL above, even after a complete cache refresh.
Using latest Chrome and Win 10.

Hi @omfiles

Can you please provide more information? What is the expected transform behavior? What elements is the issue occurring on?

Can you also please share your Read-Only link :slight_smile:

​Thanks in advance, and I’m standing by for your reply.

Thanks, @Brando. Here’s the link - https://preview.webflow.com/preview/archealth?preview=080fbafbbf7a40f569639ae65bdb224f

This affects the buttons with phone numbers, which were supposed to scale, and white boxes with blue icons - those had to twist slightly on hover.

Hi thanks for sharing that information.

It looks like you have a transform scale interaction and a transform scale hover state. These are interfering with one another.

To remedy this you can remove the scale your hover state and add it as part of the interaction.

Hope this helps! :slight_smile:

Thanks for a quick response, @Brando!
That makes sense. It didn’t realize the CSS transforms would conflict with interactions.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.