css动画的过渡

css动画的过渡
css动画的过渡

1 打印

page

2 页分割符

page-break-after

取值:

auto:如果需要,在对象之后插入页分割符

always:始终在对象之后插入页分割符

avoid:避免在对象之后插入页分割符

left:在对象之后插入页分割符直到它到达一个空白的左页边

right:在对象之后插入页分割符直到它到达一个空白的右页边 -->

在对象之后插入页分割符

page-break-after:always

page-break-after:always

page-break-after:always

page-break-after:always

3 插入页分割符

page-break-before

right:在对象前面插入页分割符直到它到达一个空白的右页边

说明:

检索或设置对象之前出现的页分割符。

对应的脚本特性为pageBreakBefore。

-->

在对象之前插入页分割符

page-break-before:always

page-break-before:always

page-break-before:always

page-break-before:always

4 对象容器内部出现页分割符

page-break-inside

如果需要,在对象内部插入页分割符

page-break-inside:auto

page-break-inside:auto

page-break-inside:auto

page-break-inside:auto

5 复合属性动画特效

animation

虑是否将该属性移除,因为动画的状态可以通过其它的方式实现,比如重设样式 -->

CSS3 Animations

CSS3 Animations

CSS3 Animations

6 动画延迟

animation-delay

取值:

-->

太阳将在1s后开始下山:

7 弹性运动

animation-direction

如果提供多个属性值,以逗号进行分隔。

对应的脚本特性为animationDirection。

语法:

animation-direction:normal | alternate [ , normal | alternate ]*

默认值:normal

取值:

normal:正常方向

写法:

内核类型

写法

Webkit(Chrome/Safari) -webkit-animation-direction

Gecko(Firefox) -moz-animation-direction

Presto(Opera)

Trident(IE) -ms-animation-direction

W3C animation-direction

-->

弹性运动的太阳:

8 文字落下

animation-duration