首页 > 开发 > CSS > 正文

CSS实现文字动态闪光

2024-07-11 08:20:49
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了CSS实现文字动态闪光,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

接上一篇,还是那个做游戏的朋友,想要一种效果就是不实用FLASH但是能实现文字动态闪光效果,代码也分享出来给大家

1、首先CSS代码

.head_23 { position:absolute; bottom:42px; left:0; width:1100px; height:80px; line-height:80px; text-align:center; z-index:8;}.head_23 a { font-size:30px; font-family:"微软雅黑"; color:#FFC; font-weight:200; animation-name:dmyani; animation-duration:0.2s; animation-iteration-count:infinite;}@keyframes dmyani {0%{ color:#FFC;}10%{ color:#F00;}}

2、HTML代码

<div class="head_23"><a>今日新区:佛渡九天 独家中变 每天九个新区准时开放</a></div>

CSS实现文字动态闪光效果查看

以上就是CSS实现文字动态闪光的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表