Почему изменения текста не появляются в моей анимации CSS?
-
26-10-2019 - |
Вопрос
Я хочу подражать консоли пользовательского интерфейса в HTML, и мне нужно иметь подчеркивание, мигающее под текстом. Мой подход состоит в том, чтобы поместить класс в Nachblink, который имеет анимацию. Цикл цветов, текст прячется и не доходит, но подчеркивание никогда не появляется. Почему ?
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>
Решение
... но подчеркивание никогда не появляется. Почему ?
Потому что text-decoration
не в Список анимируемых свойств CSS.
Не связан с StackOverflow