1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > CSS实现内容颜色渐变的动画效果

CSS实现内容颜色渐变的动画效果

时间:2020-05-07 15:11:31

相关推荐

CSS实现内容颜色渐变的动画效果

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

CSS实现内容颜色渐变的动画效果

主要用到css的动画一、HTML代码二、CSS代码

主要用到css的动画

这是css动画的文档,不知道的可以去了解(/cssref/css-animatable.html),废话不多说,直接上代码。

一、HTML代码

<div class=" aa" id="aa">变</div>

二、CSS代码

#aa{width: 500px;height: 500px;margin-top: 200px;margin-left: 500px;animation:mymove 5s infinite;-webkit-animation:mymove 6s infinite;color:#000 ;font-size: 30px;line-height: 500px;text-align: center;}@keyframes mymove{0% {background:rgba(255,0,0,1);color: #000;}50% {background:rgba(255,0,0,0);color: rgba(255,0,0,1);}100% {background:rgba(255,0,0,1);color: #000;}}

完成,年轻的程序员,大佬勿喷,希望对大家有用,有问题可以留言。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。