Animation causing flickering

Community resources Bugs
1

Hello,

I have added a rotating animation through an element interaction to a div block called card wrapper. The problem is that when I hover my mouse over the element on the published site, the text starts to flicker.

Thank you in advance for helping!

The published site is below.

https://unsw-website.webflow.io/

The link to the preview site is below.

https://preview.webflow.com/preview/unsw-website?utm_medium=preview_link&utm_source=dashboard&utm_content=unsw-website&preview=19f82bf59ac85ade894f6162c4d1d304&mode=preview

3

Has the element that is flickering got a z-index? if so try removing it

4

try using effects hover not interactions.
also if you do want to use interactions you may want to add an initial state.
See this
https://www.youtube.com/watch?v=Wfdmi9aPFfs&t=34s

Note, for anyone interested I offer webflow speed consultation as well as structure and accessibility, send me a PM.

5

Thank you guys for the suggestions but unfortunately none of them worked. I think it is an issue with the contents on the back facing card as the white background stays but the text flickers. Not too sure how to solve this yet though.

Also this flickering issue only appears on screen laptop screen sizes and above, not tablet size screens and below.

6

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