边框弧度
-
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轴