diff options
| -rw-r--r-- | .changeset/poor-cameras-tell.md | 5 | ||||
| -rw-r--r-- | packages/astro/components/viewtransitions.css | 12 |
2 files changed, 17 insertions, 0 deletions
diff --git a/.changeset/poor-cameras-tell.md b/.changeset/poor-cameras-tell.md new file mode 100644 index 000000000..465bec41a --- /dev/null +++ b/.changeset/poor-cameras-tell.md @@ -0,0 +1,5 @@ +--- +'astro': patch +--- + +Prevent animations when prefers-reduced-motion diff --git a/packages/astro/components/viewtransitions.css b/packages/astro/components/viewtransitions.css index 3b6733182..ffe554484 100644 --- a/packages/astro/components/viewtransitions.css +++ b/packages/astro/components/viewtransitions.css @@ -42,3 +42,15 @@ transform: translateX(-100%); } } + +@media (prefers-reduced-motion) { + ::view-transition-group(*), + ::view-transition-old(*), + ::view-transition-new(*) { + animation: none !important; + } + + [data-astro-transition-scope] { + animation: none !important; + } +} |