NO BUG: CSS Animations on Mobile but not Desktop

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

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

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