Box Shadow Animation renders on Safari but not Chrome

Hey!

I’m trying to get a box shadow animation working on a nav button: The hover transition (with the ease animation) works on Safari but doesn’t show up on Chrome. Funny enough, the box shadow animation I have for the hero button does work on both browsers. Any help here?

https://preview.webflow.com/preview/mana-verse-studio?utm_medium=preview_link&utm_source=designer&utm_content=mana-verse-studio&preview=eb6236af6e7dbb7251130550ba82e016&workflow=preview

Simar

I’m looking at the live page here: https://mana-verse-studio.webflow.io/ using the latest version of Chrome. Seems to work well but I don’t know what ease/effect you’re going for or what the issue appears like to you. Can you provide more info or a screen video?

hover

I figured it out - some of the transitions were getting overloaded by a previous class (leading to different renderings on each browser). It’s been resolved now! thank you.