html如何实现字体逐个输入,css3 怎么实现字体逐个发光

html>

CSS3发光字

*{ padding:0;margin:0;font-size:14px; }

body{ background: #f3f5f5; }

.d{ width:100%;text-align:center;margin:20px auto; }

.a , .n{ text-decoration: none;font-size:6em;font-family:"微软雅黑"; }

.a{ color:blue; }

.a:link{ color:blue; }

.n{ color:#FFF;text-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:#fff;text-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:#fff;text-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:#fff;text-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:#fff;text-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:#fff;text-shadow:0 0 10px blue,0 0 10px blue; }

50%{ text-shadow:0 0 10px blue,0 0 40px blue; }

}

---

字体不带动效：

如何使用CSS3制作特效发光字

---

字体自带动效：

不记得你的名字，但记得你的死期。

---

字体悬浮动效：

剑之所至，心之所往。

---