Question

我理解大多数网络浏览器不再使用以下代码支持闪烁文本动画：<blink> your text</blink>，但是，是否有其他方法为html或css中的文本提供闪烁动画？ / p>

Answer 1

是的！您现在可以使用CSS3动画来处理它。

HTML：

 <h1 class="flash">Look at me flash</h1>

CSS：

.flash {
   animation-name: flash;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

@keyframes flash {
    from {color: red;}
    to {color: black;}
}

Here's a link to a codepen看到它的实际效果。

Answer 2

可能没有@ SupperSam的答案那么高效，但也许更多的跨浏览器友好。您可以使用JS（jQuery）通过切换类来实现闪烁效果。

例如

$(document).ready(function(){
  setInterval(function(){
    $('.flash').toggleClass('active');
  }, 500);
});

请参阅此处的小提琴：http://jsfiddle.net/pavkr/8yned9f9/

如何在Css中制作闪烁文本？

2 个答案: