在CSS3动画中模仿眨眼标签

小编典典

在CSS3动画中模仿眨眼标签

html

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

没有过渡，只有 blink ， blink ， blink ！

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

阅读 419

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