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); }