javascript - CSS 闪烁/闪烁 Logo 技巧

Question

您好，我有一个多种颜色的 Logo ，我想将其用于随机/不稳定的故意闪烁效果。我只能找到其他关于使用淡入/淡出功能进行闪烁技巧的文章。关于如何用 css3 和/或 jQuery 做这样的技巧有什么想法吗？我也看到类似的讨论使用 Math_Floor 来随机化一种频闪效果，但这并不是我想要的。

Answer 1

使用这样的东西？

.blink {
  animation: blink 1s steps(5, start) infinite;
  -moz-animation: blink 1s steps(5, start) infinite;
  -o-animation: blink 1s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

This is <span class="blink">blinking</span> text.