html - 在CSS3动画中模仿眨眼标签

我真的很想让一段文字在不使用javascript或文字修饰的情况下闪烁旧式风格。

没有过渡，只有* blink *，* blink *，* blink *!

编辑:这与that question不同，因为我要求没有连续过渡的眨眼，而其他问题的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.

您可以找到有关Keyframe Animations here的更多信息。

关于html - 在CSS3动画中模仿眨眼标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13955163/