欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。 网站托管 桌面收藏 网站定制

361源码网

当前位置:361源码网 > 技术文档 > 程序代码 > CSS实现文字动态闪光
这篇文章主要为大家详细介绍了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实现文字动态闪光效果查看

以上就是本文的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361源码网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: css 动态文字 文字闪光

上一篇JS实现页面显示当前日期星期几

下一篇PHP根据提示选择后执行不同后续任务代码

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在