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:
@@ -14,7 +14,7 @@ const { userInput, repoInput, submit } = useForm()
|
||||
<template>
|
||||
<div class="welcome-world">
|
||||
<h1 class="title is-1">
|
||||
<img src="/favicon.png" alt="Remanso icon" />
|
||||
<img src="/favicon.png" alt="Remanso icon" class="remanso-logo" />
|
||||
Remanso
|
||||
</h1>
|
||||
|
||||
@@ -93,6 +93,10 @@ h1 {
|
||||
}
|
||||
}
|
||||
|
||||
.remanso-logo {
|
||||
view-transition-name: remanso-logo;
|
||||
}
|
||||
|
||||
.welcome-world {
|
||||
padding: 1rem;
|
||||
margin: auto;
|
||||
|
||||
Reference in New Issue
Block a user