Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Enable native View Transition API #841

Open
claytongulick opened this issue Mar 29, 2023 · 2 comments · May be fixed by #842
Open

Enable native View Transition API #841

claytongulick opened this issue Mar 29, 2023 · 2 comments · May be fixed by #842

Comments

@claytongulick
Copy link

Allow optional use of View Transition API for navigation transitions.

PR incoming.
@claytongulick claytongulick linked a pull request Mar 29, 2023 that will close this issue
Open
8 tasks
@alienself
Copy link

Hey @claytongulick do you have an example on how to use view transition with your PR?

@claytongulick
Copy link
Author

@alienself Sure, just set enableNativeViewTransitions to true and add some css:

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .35s;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

add option to enable native view transitions using the new View Transitions API teloshs/router
2 participants
@claytongulick @alienself