feat: add View Transitions API hero animation for favicon between pages
The favicon animates from its large position in the WelcomeWorld title to the smaller header position in PublicNoteListView and PublicNoteListByDidView.
This commit is contained in:
10
src/App.vue
10
src/App.vue
@@ -21,4 +21,14 @@ const { isATProtoReady } = useATProtoLogin()
|
||||
display: flex;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
::view-transition-old(root),
|
||||
::view-transition-new(root) {
|
||||
animation-duration: 0.25s;
|
||||
}
|
||||
|
||||
::view-transition-group(remanso-logo) {
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user