css3动画属性

边框弧度

• border-radius:value // 四角

• border-radius:value value // 左上右下 右上左下

• border-radius:value value value value // 左上 右上 右下 左下

• text-shadow:value value value color; // 水平 垂直 模糊度 颜色

线性渐变：background-image:linear-gradient(red,green,blue,pink);

径性渐变：background-image: radial-gradient(red,green,pink,blue)

transform 2D：
水平移动：transform: translate(30px,50px); // 支持两个参数 (水平、垂直)

旋转：transform: rotate(60deg) // 单位 deg

缩放: transform:scale(value,value) // 水平 垂直

skew 翻转/倾斜 transform:skew(value,value) // 水平 倾斜

transform 3D：
// 水平 倾斜

transform 3D：
transform：translate3d(value,value,value) // x轴 、y轴 、z轴