HTML5网页制作与前端开发（AI协同）-教案王寅峰 第18-36讲.doc

第PAGE2页共NUMPAGES4页

第18讲教案

教学单元

一号任务：动感加速（探索CSS缓动函数）

周次

9

时数

2

授课班级

AIGC与HTML5开发-0001

教学目的及要求：

素质目标

理解动画节奏对用户体验的影响。

培养使用缓动函数创造自然、舒适动画的能力。

能力目标

理解CSS动画中的缓动函数。

掌握ease、linear、ease-in-out等内置缓动函数及自定义缓动函数（cubic-bezier）的用法。

能够结合不同的动画效果制作复杂的组合动画。

教学要求

掌握transition-timing-function和animation-timing-f