HTML+CSS3 关键帧设置字体颜色变化

本次任务完成时间:2018年01月16日
开发工具与关键技术:Adobe Dreamweaver CC 2017&&前端页面设计
展示效果:html+css3 的应用

利用关键帧设置字体颜色,使字体的颜色出现一个动态的变化过程,实现由消失到显示再到消失的效果。
效果图如下所示:
在这里插入图片描述
首先先设置一些简单的div盒子用来包裹里面的元素,注意各个盒子之间的等级关系。
HTML代码部分如下所示:
在这里插入图片描述
然后再给CSS部分设置宽、高等基本样式,再利用关键帧@keyframes(考虑到浏览器兼容性的问题,可以在前面加上(-webkit)上等前缀)设置需要变化颜色。
CSS 代码部分如下所示:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44542115/article/details/86510816