At first, I try to use
--Time: 0.1s;
animation-delay:--Time;
But this don't work, it only work when
animation-delay:0.1s;
Why and how to solve this problem?
A common best practice is to define custom properties on the :root pseudo-class, so that it can be applied globally across your HTML document:
:root {
--Time: 0.1s;
}
Then use it with var(...)
element {
animation-delay: var(--Time);
}