HTML最简单的文字闪烁代码 - html吧

level 2

我是熊猫耶楼主

大神来

2017年03月03日 01点03分 1

level 2

我是熊猫耶楼主

没人懂吗

2017年03月03日 01点03分 2

level 10

一首尤克里里

css3

2017年03月08日 03点03分 3

level 1

太子爷NO

闪烁的这种代码已经淘汰了

2017年03月08日 07点03分 4

level 1

茄尐茄

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
@keyframes blink{
0%{opacity: 1;}
50%{opacity: 1;}
50.01%{opacity: 0;}
100%{opacity: 0;}
}
@-webkit-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-moz-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
@-o-keyframes blink {
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
.blink{
animation: blink .75s linear infinite;
-webkit-animation: blink .75s linear infinite;
-moz-animation: blink .75s linear infinite;
-ms-animation: blink .75s linear infinite;
-o-animation: blink .75s linear infinite;
color: #dd4814;
}
</style>
</head>
<span class="blink">我闪我闪我闪闪闪</span>
<body>
</body>
</html>

2017年03月13日 03点03分 5