Pourquoi les changements de décoration de texte apparaissent pas dans mon animation css?

Question

Je veux émuler une interface utilisateur de la console en HTML et je dois avoir un trait de soulignement clignote sous le texte. Mon approche est de mettre la classe à underblink qui a une animation. Le cycle des couleurs, le texte se cache et unhides, mais le soulignement apparaît jamais. Pourquoi?

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>

Answer 1

... mais le soulignement n'apparaît. Pourquoi?

Parce que text-decoration est pas dans la liste de propriétés animables css .