CSS闪烁/闪烁徽标技巧

Question

嗨我有各种颜色的徽标，我想用它来随机/不规则的故意闪烁效果。我只能找到关于使用fadein / fadeout函数进行闪烁技巧的其他文章。关于如何使用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.