<html>
<head>
<meta charset="utf-8">
<title>CSS3发光字</title>
<style>
*{ padding:0margin:0font-size:14px }
body{ background: #f3f5f5 }
.d{ width:100%text-align:centermargin:20px auto }
.a , .n{ text-decoration: nonefont-size:6emfont-family:"微软雅黑" }
.a{ color:blue }
.a:link{ color:blue }
.n{ color:#FFFtext-shadow: 0 0 10px #000,0 0 25px #000 }
.def , .h:hover{ animation: run 2.4s infinite-webkit-animation: run 2.4s infinite-moz-animation: run 2.4s infinite
-ms-animation: run 2.4s infinite-o-animation: run 2.4s infinite }
@-webkit-keyframes run{
0%,100%{ color:#ffftext-shadow:0 0 10px blue,0 0 10px blue }
50%{ text-shadow:0 0 10px blue,0 0 40px blue }
}
@-moz-keyframes run{
0%,100%{ color:#ffftext-shadow:0 0 10px blue,0 0 10px blue }
50%{ text-shadow:0 0 10px blue,0 0 40px blue }
}
@-o-keyframes run{
0%,100%{ color:#ffftext-shadow:0 0 10px blue,0 0 10px blue }
50%{ text-shadow:0 0 10px blue,0 0 40px blue }
}
@-ms-keyframes run{
0%,100%{ color:#ffftext-shadow:0 0 10px blue,0 0 10px blue }
50%{ text-shadow:0 0 10px blue,0 0 40px blue }
}
@keyframes run{
0%,100%{ color:#ffftext-shadow:0 0 10px blue,0 0 10px blue }
50%{ text-shadow:0 0 10px blue,0 0 40px blue }
}
</style>
</head>
<body>
<hr>
字体不带动效：
<div class="d">
<a href="javascript:void(0)" class="n">如何使用CSS3制作特效发光字</a>
</div>
<hr>
字体自带动效：
<div class="d">
<a href="javascript:void(0)" class="a def">不记得你的名字，但记得你的死期。</a>
</div>
<hr>
字体悬浮动效：
<div class="d">
<a href="javascript:void(0)" class="a h">剑之所至，心之所往。</a>
</div>
<hr>
</body>
</html>
用css控制div，定义id，class，任一个都可以，不建议用标签，字体的设置是font:15pt/17pt
bold
"arial"
normal
，依次是字体大小，粗细，和字体，还有其他的，如果设置颜色，直接用color：#000000，这样的就可以了。。。。
<style>@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.masked1{
background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff)
-webkit-text-fill-color: transparent
-webkit-background-clip: text
-webkit-background-size: 200% 100%
-webkit-animation: masked-animation 5s infinite linear
}
}
@-webkit-keyframes masked-animation {
0% { background-position: 0 0}
100% { background-position: -100% 0}
}
</style>
<div class="masked1" id="sx8">2.684.156</div>
