HTML+CSS3 关键帧设置字体颜色变化
关键帧设置字体颜色动态变化
开发工具与关键技术：Adobe Dreamweaver CC 2017 及 前端网页设计
作者：杨庆润
撰写时间：2019-1-16
版权声明：本文为博主原创文章，未经博主允许不得转载。
利用关键帧设置字体颜色，使字体的颜色出现一个动态的变化过程，实现由消失到显示再到消失的效果。
效果图如下所示（变化过程中的一段）：
首先先设置一些简单的div盒子用来包裹里面的元素，注意各个盒子之间的等级关系。
HTML代码部分如下所示：
然后再给CSS部分设置宽、高等基本样式，再利用关键帧@keyframes（考虑到浏览器兼容性的问题，可以在前面加上（-webkit）上等前缀）设置需要变化颜色。
CSS 代码部分如下所示：