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

11 lines
555 B
Markdown

---
'astro': major
---
Change the [View Transition built-in animation](https://docs.astro.build/en/guides/view-transitions/#built-in-animation-directives) 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.