Motion

Inclusive motion design

Balancing motion design with accessibility is essential in today’s inclusive web landscape. Not all users respond well to complex animations or continuous motion, and some may experience discomfort or confusion.

Respecting User Preference

Our system honours user’s system preferences for reduced motion.

                                                        
                                                        
                                                            @media (prefers-reduced-motion: reduce) {
                                                            *{
                                                                animation-duration: 0.01ms !important;
                                                                transition-duration: 0.01ms !important;
                                                                animation-iteration-count: 1 !important;
                                                                transition-property: none !important;
                                                            }
                                                        }