2024年6月7日发(作者:)

CSS3 动画属性(Animation)

属性

@keyframes

animation

animation-name

animation-duration

animation-timing-function

animation-delay

animation-iteration-count

animation-direction

animation-play-state

animation-fill-mode

描述

规定动画。

所有动画属性的简写属性,除了 animation-play-state

属性。

规定 @keyframes 动画的名称。

规定动画完成一个周期所花费的秒或毫秒。

规定动画的速度曲线。

规定动画何时开始。

规定动画被播放的次数。

规定动画是否在下一周期逆向地播放。

规定动画是否正在运行或暂停。

规定对象动画时间之外的状态。

CSS

3

3

3

3

3

3

3

3

3

3

CSS 背景属性(Background)

属性

background

background-attachment

background-color

background-image

background-position

background-repeat

background-clip

background-origin

background-size

描述

在一个声明中设置所有的背景属性。

设置背景图像是否固定或者随着页面的其余部分滚动。

设置元素的背景颜色。

设置元素的背景图像。

设置背景图像的开始位置。

设置是否及如何重复背景图像。

规定背景的绘制区域。

规定背景图片的定位区域。

规定背景图片的尺寸。

CS

1

1

1

1

1

1

3

3

3

CSS 边框属性(Border 和 Outline)

属性

border

描述

在一个声明中设置所有的边框属性。

CS

1

border-bottom

border-bottom-color

border-bottom-style

border-bottom-width

border-color

border-left

border-left-color

border-left-style

border-left-width

border-right

border-right-color

border-right-style

border-right-width

border-style

border-top

border-top-color

border-top-style

border-top-width

border-width

outline

outline-color

outline-style

outline-width

border-bottom-left-radius

border-bottom-right-radius

border-image

border-image-outset

在一个声明中设置所有的下边框属性。

设置下边框的颜色。

设置下边框的样式。

设置下边框的宽度。

设置四条边框的颜色。

在一个声明中设置所有的左边框属性。

设置左边框的颜色。

设置左边框的样式。

设置左边框的宽度。

在一个声明中设置所有的右边框属性。

设置右边框的颜色。

设置右边框的样式。

设置右边框的宽度。

设置四条边框的样式。

在一个声明中设置所有的上边框属性。

设置上边框的颜色。

设置上边框的样式。

设置上边框的宽度。

设置四条边框的宽度。

在一个声明中设置所有的轮廓属性。

设置轮廓的颜色。

设置轮廓的样式。

设置轮廓的宽度。

定义边框左下角的形状。

定义边框右下角的形状。

简写属性,设置所有 border-image-* 属性。

规定边框图像区域超出边框的量。

1

2

2

1

1

1

2

2

1

1

2

2

1

1

1

2

2

1

1

2

2

2

2

3

3

3

3