动画属性

动画属性

// 2.c3新增的样式属性
// 1)盒子的样式： 圆角边框：border-radius
// 盒子阴影：box-shadow：水平偏移量 垂直偏移量 模糊距离 阴影大小 阴影颜色 阴影的位置(outset inset)
// 文字阴影：text-shadow：
// 2)背景：
// 背景颜色：background-color
// 背景图片：background-Image
// 背景平铺：background-repeat
// 背景定位：background-Position
// 背景大小：background-size
// 背景的起始位置：background-origin:padding-box border-box content-box
// 背景裁剪：background-clip
// 背景颜色渐变：background：linear-gradient();
// 背景综合使用：url() repeat position color /size origin clip
// 3)自定义字体：@font-face{font-family src}
// 4)过渡 transition：过渡时间 过渡持续的时间 过渡的速度 等待的时间
// 5)变形：transform：
// 1.位移：translate(x,y,z)
// 2.缩放：scale(x,y)
// 3.翻转：skew(x,y)
// 4.旋转：rotate(x,y,z)

        //      3d:显示3d效果：transform-style：preserve-3d
        //         透视：perspective：1000px
        //         变形的原点：transform-origin