css3之animation制作闪烁文字效果
2016-10-08 10:53
821 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .box{ animation: change 1s ease-in infinite ; font-size: 36px; color:#f00; font-weight: bold} @keyframes change { 0%{ text-shadow: 0 0 4px #f00} 50%{ text-shadow: 0 0 40px #f00} 100%{ text-shadow: 0 0 4px #f00} } </style> </head> <body> <a class="box">太阳的后裔</a> </body> </html>
源引:http://www.w3cfuns.com/notes/13835/596cd96f59a09431a2343a9726c295d5.html
相关文章推荐
- css3之animation制作闪烁文字效果 转
- CSS3制作文字半透明倒影效果
- js文字特效制作js文字闪烁与文字变色效果
- CSS3制作文字半透明倒影效果
- 如何利用CSS3制作3D文字效果
- CSS3| 制作文字波浪线效果
- 制作动画效果:《CSS3 Animation》
- 用纯CSS3的animation制作雪花飘落、星星闪烁、按钮缩放、图片倾斜
- CSS3制作文字半透明倒影效果
- jQuery插件Mouse Over Animation for Text制作文字透镜、波浪和透明效果
- CSS3 Animation制作飘动的浮云和星星效果
- css3 html5文字霓虹灯交替闪烁效果
- CSS3制作文字半透明倒影效果
- 转过来,我马上要用了,嘿嘿----js和css制作简单的文字闪烁效果
- 见过这样的用CSS3制作的3D立体效果文字吗?
- 使用CSS3制作导航条和毛玻璃效果
- CSS3制作炫酷的自定义发光文字
- css3制作3d翻转效果
- 如何在Swiper内制作CSS3动画效果
- CSS3--利用transform属性制作时钟效果