Need @supports check before doing scroll-driven animation

This commit is contained in:
Lim Chee Aun 2023-10-31 22:25:08 +08:00
parent bc0197a5f1
commit 22abc2fb31

View file

@ -465,10 +465,12 @@
margin-top: calc(-1 * var(--banner-overlap)); margin-top: calc(-1 * var(--banner-overlap));
} }
@supports (animation-timeline: scroll()) {
.header-banner:not(.header-is-avatar):not(:hover):not(:active) { .header-banner:not(.header-is-avatar):not(:hover):not(:active) {
animation: bye-banner 1s linear both; animation: bye-banner 1s linear both;
animation-timeline: scroll(); animation-timeline: scroll();
} }
}
main { main {
margin-top: -8px; margin-top: -8px;