Streaming live at 10am (PST)

Hover fade animation not working on firefox


#1

the boxes on the second page have a hover animation to allow fade in of div that is placed inside full of text. Works on every browser except firefox and I cannot for the life of me figure out why. I have even tried legacy interactions with no success. I am at a loss never had this problem, probably something super simple I am overlooking.


Here is my site Read-Only: https://preview.webflow.com/preview/alexresume?preview=6de3e918f5543caa41055fe1df3fa89b


#2

Hi @Alex_Villalpando

It looks like on the second page, I’m seeing a solid yellow background color, but not boxes.

Can you please clarify the issue? Any screenshots or recordings are very helpful here.

​Thanks in advance!


#3

Attached are the photos one from chrome one from firefox. The hover animation with text box not displaying correctly.

Here is the read only link again hopefully this time it works correctly.
https://preview.webflow.com/preview/alexresume?preview=6de3e918f5543caa41055fe1df3fa89b


#4

@Alex_Villalpando can you provide a project.webflow.io link so we can see whats going on?


#5

Alexresume.webflow.io


#6

@Alex_Villalpando Ok I cannot find anything out of the way. The reason is because even if i make a change i can only view it in the editor where it works already. I have no way of publishing the changes to see if it had any effect. however interactions is not something you would need to use in order to accomplish this in webflow. Anytime your designing pick your battles. to see if its a cross browser issue, you can easily solve this problem by selecting your block and on hover state of the block. use the transform or you can try to fire your mouse over using a class. like you currently have it now but use class instead of element


#7

Hi @Alex_Villalpando

Thanks for sharing that. I took a look at your preview link using Firefox and was able to find the style causing this issue.

It looks like there is a very low child perspective on the second section – once removed the hover state should work as expected

Hope this helps :slight_smile: