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

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

---

主要用到css的动画

这是css动画的文档，不知道的可以去了解（https://www.runoob.com/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;
                }
        }

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