NO BUG: CSS Animations on Mobile but not Desktop

Bugs
1

Browser: Brave Browser & Chrome (Fresh Install)
OS: Windows
URL: Home – dev.infiniheat.co.uk
Video: Jam

So I previously posted about CSS animations, I purchased max addons as it has a few features I need, I created a flipbox and I noticed the animation isn’t working on desktop, I tried on mobile and it’s working. I have cleared the cache and installed a fresh chrome install so tried on both Brave and Chrome and the animation isn’t working.

Is there a reason why custom CSS as well as Max addon are not working on either browser but does on Android (Google Pro Fold 2024 model)

Thanks
Adam

2

Does your desktop machine have reduced motion enabled? If so, that’ll be why (and that’s a good thing, because it means whatever you used for the animations is correctly set up to respect the prefers-reduced-motion media query)

2 Likes
3

Hi Pete,

That’s correct it was driving me mad, I never realised reduced motion on windows would stop all animations even on websites. Thank you for spot on advice!

1 Like