omfiles
(Konstantin Tsiryulnikov)
February 27, 2017, 2:39pm
1
Having some 3D CSS transforms on a few elements here -
http://archealth.webflow.io/
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.
Brando
(Brandon Roche)
February 27, 2017, 4:33pm
2
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
Thanks in advance, and I’m standing by for your reply.
omfiles
(Konstantin Tsiryulnikov)
February 27, 2017, 5:07pm
3
Thanks, @Brando . Here’s the link - Webflow - archealth
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.
Brando
(Brandon Roche)
February 27, 2017, 5:15pm
4
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!
omfiles
(Konstantin Tsiryulnikov)
February 27, 2017, 5:45pm
5
Thanks for a quick response, @Brando !
That makes sense. It didn’t realize the CSS transforms would conflict with interactions.
1 Like
system
(system)
Closed
April 29, 2017, 2:51pm
6
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.