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,9 +465,11 @@
margin-top: calc(-1 * var(--banner-overlap)); margin-top: calc(-1 * var(--banner-overlap));
} }
.header-banner:not(.header-is-avatar):not(:hover):not(:active) { @supports (animation-timeline: scroll()) {
animation: bye-banner 1s linear both; .header-banner:not(.header-is-avatar):not(:hover):not(:active) {
animation-timeline: scroll(); animation: bye-banner 1s linear both;
animation-timeline: scroll();
}
} }
main { main {