-
I have weird issue, I've created scroll driven animation based on this StackOverflow Q&A: The code works fine when run in dev mode, but when build and deploy, the animation is disabled in dev tools. I'm not able to find what is causing it. Here is a simple reproduction of the issue: https://codesandbox.io/p/devbox/zen-herschel-xww3qd This is the code that doesn't work when build. footer {
animation: hide linear;
animation-timeline: view(block);
animation-range-start: entry 0%;
--display: initial;
}
@keyframes hide {
0.1%,
100% {
--display: none;
}
} |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
Ok, it seems this is sorting issue because of the CSS compiler used. The |
Beta Was this translation helpful? Give feedback.
Ok, it seems this is sorting issue because of the CSS compiler used. The
animation
overwrite the long hand properties. You can't mix them in Docusaurs.