diff --git a/README.md b/README.md index 9bbb11e..fdf3e35 100644 --- a/README.md +++ b/README.md @@ -435,7 +435,7 @@ user has requested this at a system level. ### Reduce Motion Features -##### Animations, scrolling effects, and transitions are reduced in all browsers +##### Animations, scrolling effects, transitions and view transitions are reduced in all browsers ```css @media (prefers-reduced-motion: reduce) { @@ -450,6 +450,10 @@ user has requested this at a system level. transition-delay: 0s !important; transition-duration: 0s !important; } + + @view-transition { + navigation: none !important; + } } ``` diff --git a/reduce-motion.css b/reduce-motion.css index d9e20a9..90e6a58 100644 --- a/reduce-motion.css +++ b/reduce-motion.css @@ -3,6 +3,7 @@ * 2. Remove fixed background attachments when motion is reduced (opinionated). * 3. Remove timed scrolling behaviors when motion is reduced (opinionated). * 4. Remove transitions when motion is reduced (opinionated). + * 5. Remove view-transitions when motion is reduced (opinionated). */ @media (prefers-reduced-motion: reduce) { @@ -17,4 +18,8 @@ transition-delay: 0s !important; /* 4 */ transition-duration: 0s !important; /* 4 */ } + + @view-transition { + navigation: none !important; /* 5 */ + } }