网页样式制作（拓展）第12章CSS3.0的动画效果任务十二基于CSS3.0动画制作网页学习指导.docxVIP

任务十二 基于CSS3.0动画制作网页学习指导 1、知识目标与要求 （1）掌握CSS3.0动画的基本概念； （2）掌握animation属性的基本语法； 2、技能目标与要求 （1）掌握动画相关的制作技巧； （2）掌握animation属性的基本设置 3、方法能力目标与要求 （1）掌握运用CSS3.0动画制作特效的方法； 4、职业素养目标与要求 （1）培养严谨、细致、负责任的工作态度； （2）培养主动参与、团队协作的集体意识；（3）培养科学文明、积极向上的传媒道德 图12-1 任务12效果图 任务描述 用CSS3.0动画效果制作动画特效页面，页面导航在鼠标经过之后，产生发光动画效果。文件名rw12.html。通过本任务的练习，读者要掌握animation动画相关的制作技巧以及animation属性结合@keyframes规则的基本设置。 制作思路 页面导航在不同的时间段使用不同的文字颜色、背景颜色、边框颜色，从而产生发光动画效果。本任务采用固定宽度且居中的版式，源文件可从《CSS+DIV网页样式制作》课程网站下载。 #container #container #banner #left #right #footer 图12-2 任务十二布局图