Почему изменения в оформлении текста не отображаются в моей анимации CSS? - PullRequest
Новая
       18

Почему изменения в оформлении текста не отображаются в моей анимации CSS?

0 голосов
/ 17 февраля 2012

Я хочу эмулировать консольный пользовательский интерфейс в HTML, и мне нужно, чтобы подчеркивание мигало под текстом. Мой подход - поместить класс в underblink, в котором есть анимация. Цикл цветов, текст прячется и показывается, но подчеркивание никогда не появляется. Почему?

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>

1 Ответ

4 голосов
/ 17 февраля 2012

... но подчеркивание никогда не появляется. Почему?

Поскольку text-decoration отсутствует в списке свойств анимируемых CSS .

...