[wp-trac] [WordPress Trac] #49723: Login failure shake should respect the prefers-reduced-motion media query

[WordPress Trac]

#49723: Login failure shake should respect the prefers-reduced-motion media query
----------------------------------------+---------------------------------
 Reporter:  johnbillion                 |       Owner:  audrasjb
     Type:  enhancement                 |      Status:  assigned
 Priority:  normal                      |   Milestone:  5.5
Component:  Login and Registration      |     Version:  5.3
 Severity:  normal                      |  Resolution:
 Keywords:  needs-patch good-first-bug  |     Focuses:  accessibility, css
----------------------------------------+---------------------------------

Comment (by audrasjb):

 So to summary, the idea is to wrap the CSS rule into a specific media
 query for users that reduced the use of motion/animation in their browser
 preferences.


 {{{
 @media (prefers-reduced-motion: reduce) {
         .login form.shake {
                 animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
                 animation-iteration-count: 3;
                 transform: translateX(0);
         }
 }
 }}}

 For reference, see also Twenty Twenty’s CSS file for another
 implementation example.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49723#comment:8>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform