CSS基础动画样式

边框

1.border-radius 圆角 px %

一个值 作用于4个边角

两个值 顺序 左上 右上 右下 左下 依次执行 没有值得找对家

三个值 顺序 左上 右上 右下 左下 依次执行 没有值得找对家

四个值 顺序 左上 右上 右下 左下 依次执行

画圆 正方形 边框半径就是正方形宽高的一半

2.box-shadow 边框阴影

水平阴影 垂直阴影 阴影大小 颜色

四个值都要写

颜色不写 默认黑色

只写2个值 模糊度为0

至少两个值

可以水平方向设为0，起到三面阴影的效果

CSS3 渐变

作用于背景background

gradients 不是属性，更类似于函数

1.线性渐变

linear-gradient

background: linear-gradient(red,yellow);

至少两种颜色

可以放无数个颜色