如何使用CSS 3制作闪烁的文本

如何使用CSS 3制作闪烁的文本

首先设置

opacity: 1;

，然后在上结束

0

，所以它从始于，在

0%

结束

100%

，因此只需将opacity设置为

0

at

50%

，其余的将自己处理。

.blink_me {  animation: blinker 1s linear infinite;}@keyframes blinker {  50% {    opacity: 0;  }}<div >Blink ME</div>

在这里，我将动画持续时间设置为

1second

，然后将设置

timing

为

linear

。这意味着它将始终保持不变。最后，我正在使用

infinite

。这意味着它将继续下去。

注：如果这不会为你工作，使用浏览器前缀喜欢

-webkit

，

-moz

等按要求

animation

和

@keyframes

。

---

如前所述，这不适用于较旧版本的Internet Explorer，因此您需要使用jQuery或Javascript …

(function blink() {  $('.blink_me').fadeOut(500).fadeIn(500, blink);})();