本次任务完成时间:2018年01月16日
开发工具与关键技术:Adobe Dreamweaver CC 2017&&前端页面设计
展示效果:html+css3 的应用
利用关键帧设置字体颜色,使字体的颜色出现一个动态的变化过程,实现由消失到显示再到消失的效果。
效果图如下所示:
首先先设置一些简单的div盒子用来包裹里面的元素,注意各个盒子之间的等级关系。
HTML代码部分如下所示:
然后再给CSS部分设置宽、高等基本样式,再利用关键帧@keyframes(考虑到浏览器兼容性的问题,可以在前面加上(-webkit)上等前缀)设置需要变化颜色。
CSS 代码部分如下所示: