テキストの装飾の変更がCSSアニメーションに表示されないのはなぜですか？

Question

コンソールUIをHTMLでエミュレートしたいので、テキストの下にアンダースコアが点滅する必要があります。 私のアプローチは、アニメーションを持つアンダーブリンキングにクラスを配置することです。色のサイクル、テキストの表示と非表示が下線は表示されません。どうして ？

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

...しかし、下線が表示されることはありません。どうして ？

text-decorationはlist of animatable css propertiesに含まれていないためです。