javascript - CSS闪烁/闪烁徽标技巧

嗨，我有多种颜色的徽标，希望将其用于随机/不规则的故意闪烁效果。我只能找到其他有关使用淡入/淡出功能进行闪烁技巧的文章。关于如何使用css3和/或jQuery做到这一点的任何想法？我还看到了使用Math_Floor随机化某种选通效果的类似讨论，但这并不是我所追求的。

最佳答案

使用这样的东西？

.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.