Simplify view transition
This commit is contained in:
parent
7e298a0d2e
commit
4e97cd8002
2 changed files with 1 additions and 36 deletions
assets/style
|
@ -8,38 +8,3 @@
|
|||
@view-transition {
|
||||
navigation: auto;
|
||||
}
|
||||
|
||||
@keyframes zoom-fade-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoom-fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.95);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
::view-transition-old(zoom-fade) {
|
||||
animation: 400ms ease both zoom-fade-out;
|
||||
}
|
||||
|
||||
::view-transition-new(zoom-fade) {
|
||||
animation: 500ms ease 100ms both zoom-fade-in;
|
||||
}
|
||||
|
||||
.zoom-fade {
|
||||
view-transition-name: zoom-fade;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue