css3之animation制作闪烁文字效果 转
2016-08-07 09:56
656 查看
原文 http://www.w3cfuns.com/notes/13835/596cd96f59a09431a2343a9726c295d5.html
<!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>
<!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>
相关文章推荐
- css3之animation制作闪烁文字效果
- CSS3制作文字半透明倒影效果
- 见过这样的用CSS3制作的3D立体效果文字吗?
- CSS3制作文字半透明倒影效果
- 如何利用CSS3制作3D文字效果
- CSS3| 制作文字波浪线效果
- js文字特效制作js文字闪烁与文字变色效果
- CSS3制作文字半透明倒影效果
- 制作动画效果:《CSS3 Animation》
- 用纯CSS3的animation制作雪花飘落、星星闪烁、按钮缩放、图片倾斜
- 转过来,我马上要用了,嘿嘿----js和css制作简单的文字闪烁效果
- CSS3制作文字半透明倒影效果
- jQuery插件Mouse Over Animation for Text制作文字透镜、波浪和透明效果
- CSS3 Animation制作飘动的浮云和星星效果
- css3 html5文字霓虹灯交替闪烁效果
- android 动画(Animation)闪烁、左右摇摆,上下晃动等效果实现
- css3 制作手机常见的右上角响应式的折叠菜单效果
- CSS3背景闪烁和图片缩放动画效果
- 24个 HTML5 & CSS3 下拉菜单效果及制作教程
- CSS3 动画效果专辑(animation)