在CSS3动画中模仿眨眼标签

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

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

回答：

最初的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.

以上是 在CSS3动画中模仿眨眼标签 的全部内容， 来源链接： utcz.com/qa/404044.html

回到顶部