astro/.changeset/five-geese-crash.md
Nate Moore e45f302934
Update built-in view transitions (#8207)
* feat: rename morph => initial

* feat: update slide, fade animations, add none

* chore: add changeset

* fix: bump compiler

* feat: disable root transition by default

* chore: update changeset

* chore: fix build

* feat(transitions): crossfade => fade

* feat(transitions): remove opinionated default

* chore: update changeset

* feat(transitions): set root to fade

* feat: remove opinionated root style

* chore: remove unused easings

* feat: refactor transition logic, ensure defaults are wrapped in @layer

* Update .changeset/five-geese-crash.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* Update .changeset/five-geese-crash.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* Update .changeset/five-geese-crash.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* Update five-geese-crash.md

---------

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
2023-08-24 13:42:12 -05:00

555 B

astro
major

Change the View Transition built-in animation options.

The transition:animate value morph has been renamed to initial. Also, this is no longer the default animation.

If no transition:animate directive is specified, your animations will now default to fade.

Astro also supports a new transition:animate value, none. This value can be used on a page's <html> element to disable animated full-page transitions on an entire page.