《网页设计与制作》第9章.pdfVIP

《网页设计与制作》

主讲人：XXX

邮箱：XXXXXXXXXXX

电话：XXXXXXXXXXXX

每讲一语

Thefirstthingistostopcomplaining.Thehappiest

peoplearetheoneswhodon’tcomplain

首先就是要停止

抱怨。只有不抱

怨的人，才是最

快乐的人。

引导

书本内容

解读

第9章CSS高级应用

一、CSS动画设计

（重点）

学习目标二、CSS行为特

三、CSS高级技术

9.1CSS动画设计

（重点）

9.1.1CSS动画设计

1.@keyframes规则@keyframesanimationName{

keyframes-selector{

@keyframes规则的语法如下所示。

css-Styles;

}

}

（重点）

关键字描述

animationNam必需的。定义animation的名称

e

必需的。动画持续时间的百分比

keyframes-合法值：0-100%from(和0%相同)to(和100%相同)

selector注意：

您可以用一个动画keyframes-selectors

必需的。一个或多个合法的CSS样式属性

css-Styles

9.1.1CSS动画设计

2.animation动画

animation规则的语法如下所示:

标记符{animation:namedurationtiming-functiondelayiteration-count

directionfill-modeplay-state;}（重点）

名称完成时间

期延迟时间播放次数

播放方向不播放时状态是否运行

9.1.1CSS动画设计

3.@keyframes规则效果图

（重点）

9.1.2CSS2D转换

1.CSS2D属性和属性值