作品详情

当前位置：首页大赛首页 CSS层叠样式表之动画效果与布局

大赛简介

大赛作品

大赛动态

联系我们

联系人：王秀秀

电话：010 -66083178

网址：www.qxwq.org.cn　

地址：北京市西城区广安门

内广义街5号广益大厦

大赛作品详情

作品名称：CSS层叠样式表之动画效果与布局
学校名称：成都东软学院
参赛队伍：杨元洁
参赛老师：杨元洁

详细说明

《HTML5网页设计》课程是面向计算机科学与技术专业大三年级学生开设的专业课，是学生掌握网页设计相关知识与技能培养规格达成的重要保障。通过对HTML5、CSS3等相关知识的学习与讲授，通过项目驱动，将网页设计相关知识引入教学过程中。例如，“跑动的汽车动画”项目具体的内容为：通过实验掌握CSS3动画属性的应用。要求：掌握CSS3的animation属性；掌握CSS3的@keyframes属性。实验思路：①首先使用div盒子标签布局，通过添加CSS边框（border）样式的形式实现道路的效果，并将汽车放置于道路之上； ②制作汽车的跑动动画，定义动画所需要使用的@keyframes属性，定义动画的动作，即在每个时间点上的样式；③选中汽车，并绑定动画属性，使用animation属性把动画绑定在对象上，并且定义动画的名称和时长；④实现过程注意浏览器的兼容性问题。