欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

html

<body>

<p>光芒万丈</p>

</body>

css

<style>

body{ font-size:120px; font-family:'微软雅黑'; background:#000; color:#fff;}

@-webkit-keyframes test{

0%{

text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;

}

30%{

text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,10px -90px 80px #f38e1c;

}

60%{

text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0px -80px 100px #f38e1c;

}

100%{

text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;

}

}

p{font-weight:bold; color:#fff;

text-shadow:0 0 20px #fefcc9,10px -10px 30px #feec85,20px -20px 40px #ffae34,20px -40px 50px #f3d131,0 -80px 70px #f38e1c;

animation:1s test linear infinite;

}

</style>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c31265.shtml