border-radius // 圆角 （最多八个值，前四个和后四个中间用“/”线分隔）
box-shadow // 盒阴影 (inset 20px 20px 30px blue)
text-shadow // 字阴影 （当需要添加多个阴影的时候，中间用','分隔，box-shadow一样）
background-size // 设置背景图片大小（contain / cover）
background-origin // 设置背景图原点 (border-box / padding-box / content-box)
background-clip // 设置背景图的裁剪
线性渐变
background: linear-gradient() // 线性渐变 (to right, red, blue) (45deg, red, blue)
div{
width: 200px;
height: 200px;
background: linear-gradient(45deg,red 30%,lightskyblue,blue);
}
<div></div>
线性渐变
百分比写不写都行
- 径向渐变
background: radial-gradient() // 径向渐变 (at 100px 100px, red, blue)
div{
width: 200px;
height: 200px;
background: radial-gradient(at 50px 50px,red 10%,blue,gold)
}
<div></div>
径向渐变 他在发呆
