首先设置
opacity: 1;，然后在上结束
0，所以它从始于，在
0%结束
100%，因此只需将opacity设置为
0at
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);})();
