Why aren't the effects in my project functioning
In this guide, we explain how to troubleshoot effects not working in your project. You'll learn to check Scroll Variant settings, Accessibility options, and device modes that may impact animations.
FAQ
Why aren't the effects in my Framer project working as expected?
If the effects in your project are not functioning as expected, first check if any Scroll Variant effects are set to trigger with 'Section in View.' Ensure these effects have a section name assigned. If any are missing a section name, add one, publish your project, and verify if the issue is resolved.
See also: Reduced motion settings.
How do accessibility and reduced motion settings affect effects in Framer?
Effects will not function if the Accessibility option is enabled in your site settings and the user's device has reduced motion enabled. When the 'prefer-reduced-motion' setting is enabled in the user's browser or device, only the opacity will be animated.
Can Low Power Mode on a device impact Framer animations?
Yes, when Low Power Mode is enabled on a user's device, certain animations may not work.
Updated