CSS Flicker/Blinking logo 技巧答案

【问题标题】：CSS Flicker/ Blinking logo trickCSS Flicker/Blinking logo 技巧
【发布时间】：2015-03-05 07:14:10
【问题描述】：

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

【问题讨论】：

你能提供你正在使用的代码吗？
logo 是一种编程语言。请不要将其标签用于图形徽标。
类似css-tricks.com/glitch-effect-text-images-svg ?
我想您也需要一些东西来更改徽标？除了闪烁效果。
谢谢老天，离我们越来越近了。

标签： javascript jquery css flicker

【解决方案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 &lt;span class="blink"&gt;blinking&lt;/span&gt; text.

【讨论】：