小编典典

在CSS3动画中模仿眨眼标签

html

我真的很想让一段文字闪烁传统风格,而不使用javascript或文字修饰。

没有过渡,只有 blink blink blink


编辑 :这不同于该问题,因为我要求不连续转换的_闪烁_ ,而其他问题的OP询问如何 用连续转换代替 闪烁 __


阅读 418

收藏
2020-05-10

共1个答案

小编典典

最初的Netscape <blink>具有80%的占空比。这很接近,尽管实数<blink>仅影响文本:

.blink {

  animation: blink-animation 1s steps(5, start) infinite;

  -webkit-animation: blink-animation 1s steps(5, start) infinite;

}

@keyframes blink-animation {

  to {

    visibility: hidden;

  }

}

@-webkit-keyframes blink-animation {

  to {

    visibility: hidden;

  }

}


This is <span class="blink">blinking</span> text.
2020-05-10