nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Better range for header banner

Browse source
This commit is contained in:
Lim Chee Aun 2023-11-01 14:10:56 +08:00
parent 478271348e
commit e6ef2f9064
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/account-info.css
View file

@ -426,12 +426,10 @@
@keyframes bye-banner {
20% {
transform: translateY(0);
filter: blur(0) opacity(1);
}
100% {
transform: translateY(8px);
filter: blur(16px) opacity(0.75);
filter: blur(16px) opacity(0.2);
}
}
.sheet .account-container {
@ -468,7 +466,8 @@
@supports (animation-timeline: scroll()) {
.header-banner:not(.header-is-avatar):not(:hover):not(:active) {
animation: bye-banner 1s linear both;
animation-timeline: scroll();
animation-timeline: view();
animation-range: contain 100% cover 100%;
}
}