Al principio, trato de usar
--Time: 0.1s; animation-delay:--Time;
Pero esto no funciona, solo funciona cuando
animation-delay:0.1s;
¿Por qué y cómo solucionar este problema?
Una mejor práctica común es definir propiedades personalizadas en la :root
, para que se pueda aplicar globalmente en su documento HTML:
:root { --Time: 0.1s; }
Luego úsalo con var(...)
element { animation-delay: var(--Time); }