CSS CSS3新属性

2D 转换（transform）

• translate()

• rotate()

• scale()

• skew()

• matrix()

3D 转换

• rotateX()

• rotateY()

过渡：

       是元素从一种样式逐渐改变为另一种的效果。

• 指定要添加效果的CSS属性

• 指定效果的持续时间。

CSS3的动画属性（animation）

    @keyframes：创建动画。

    animation：动画的简写属性。

    animation-name：动画名称；

    animation-duration：动画一个周期的话费的时间；

    animation-timing-function：速度曲线（ease）

    animation-delay：动画何时开始；

    animation-interation-count：动画播放的次数（1）

    animation-direction：是否在下一周期逆向播放。（normal）

    animation-play-state：规定动画是否正在运行或暂停。（running）

 

边框：

• border-radius

• box-shadow

• border-image

背景：

• background-image

• background-size

• background-origin

• background-clip

渐变：

    background: linear-gradient(direction, color-stop1, color-stop2, ...);

文本效果

• text-shadow

• box-shadow

• text-overflow

• word-wrap

• word-break

•