0

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

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>
4

1 に答える 1

4

...しかし、下線は表示されません。なんで ？

アニメーション化可能な css プロパティtext-decorationのリストにないためです。

于 2012-02-17T16:30:08.757 に答える