¿Por qué los cambios en la decoración de texto no aparecen en mi animación CSS?
-
26-10-2019 - |
Pregunta
Quiero emular una interfaz de usuario de la consola en HTML y necesito que un bajo soporte parpadee bajo texto. Mi enfoque es poner la clase a Underblink, que tiene una animación. El ciclo de colores, el texto se esconde y no parece, pero el subrayado nunca aparece. Por qué ?
CSS:
@-webkit-keyframes underblink {
0% { text-decoration: none;opacity: 0:color :orange }
50% { text-decoration: none;opacity: 0;color:green }
50.01% { text-decoration: underline;opacity: 1 }
100% { text-decoration: underline;opacity: 1 }
}
.underblink {
-webkit-animation: underblink 0.7s infinite linear alternate;
-webkit-font-smoothing: antialiased;
display:inline-block;
}
HTML:
<div id='always_sort_recursively' class='underblink'>x</div>
Solución
... pero el subrayado nunca aparece. Por qué ?
Porque text-decoration
no esta en el Lista de propiedades CSS animables.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow