提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
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;}}
完成,年轻的程序员,大佬勿喷,希望对大家有用,有问题可以留言。