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));
}
.header-banner:not(.header-is-avatar):not(:hover):not(:active) {
animation: bye-banner 1s linear both;
animation-timeline: scroll();
@supports (animation-timeline: scroll()) {
.header-banner:not(.header-is-avatar):not(:hover):not(:active) {
animation: bye-banner 1s linear both;
animation-timeline: scroll();
}
}
main {