prefers-reduced-motion:reduce in Elementor frontend CSS code

  • Resolved sajjad

    (@sajjad203)


    6 months, 1 week ago

    You have added this snip CSS, but it causes many problems for theme development. In many cases, users turn off some Windows features to make Windows faster, but they want to keep browsing sites smoothly. Please remove this css code and allow theme developers to decide about it!

    @media (prefers-reduced-motion:reduce) {
        .animated {
            animation: none!important
        }

        html * {
            transition-delay: 0s!important;
            transition-duration: 0s!important
        }
    }

Viewing 1 replies (of 1 total)
  • Sergiov

    (@sve01)

    6 months, 1 week ago

    Thanks for sharing your feedback.

    The CSS snippet you’re referring to is part of Elementor’s core styling framework and was added to ensure consistent behavior and accessibility across different environments and devices. Removing it globally could lead to layout and rendering inconsistencies for many users.

    That said, we understand that theme developers may prefer to handle these styles independently. You can safely override or disable this snippet within your theme or custom CSS if you’d like full control over the styling.

    We appreciate your input it helps us continue improving flexibility for developers while maintaining a stable experience for all users.

Viewing 1 replies (of 1 total)

The topic ‘prefers-reduced-motion:reduce in Elementor frontend CSS code’ is closed to new replies.