⭐️Please star to support this work⭐️
🐫 The Cam-Shaft
Cam-Shaft: Bump your view transition pseudo-elements into place to avoid that unexpected pseudo-smooth-scrolling effect.
The @vtbag website can be found at https://vtbag.pages.dev/
!!! News !!!
Dependency updates
For details see the CHANGELOG
What is it?
When you assign a view-transition-name
to an element that is larger than the viewport, the View Transition API adds a default animation to the ::view-transition-group()
of the element that makes instant scrolling look like smooth scrolling. The Cam-Shaft bumps and nudges your view transition pseudo-elements back into place to avoid that pseudo-smooth-scrolling effect.
See the Cam-Shaft in action and see how it can be used in your own projects.