I am taking over maintenance on a site developed by someone else. The animated elements work like they’re supposed to in Safari, but not Chrome or Firefox. As far as I can tell, all the animations/transformations are supported well by all three browsers. There is a “lift” keyframe specified in the code that I think might be causing the problem. I also think that there’s a better way to trigger the styles with .toggleClass instead of .addClass and .removeClass in this situation (see “in-progress” codepen below). Any tips would be really helpful and appreciated!
I have created this codepen with the existing code (you have to actually go to codepen to see the limited functionality it does have):