day08

A：今天学到的内容

一、box-shadow可以给元素添加阴影

box-shadow：h-shadow v-shadow blur spread color inset;
box-shadow：水平阴影 垂直阴影 模糊距离 阴影尺寸 颜色 将外部改为内部阴影。

二、css 2d的转换

1、transform:translate(x,y) rotate(30deg)

//位移
translate(x,y)
//旋转deg
rotate()
//缩放
scale(x,y)
//倾斜deg
skew(x,y)
配合transform属性使用

2、translate（x，y）水平居中

3、rotate旋转

div{
        transform: rotate(30deg);
}

4、scale（x，y）缩放

div{
        transform: scale(2,2);
}

5、skew（x，y）倾斜

div{
        transform: skew(30deg，30deg);
}

6、transition过渡（配合hover使用）

// 改变宽度的时间为2s

B：学会了什么

一、box-shadow可以给元素添加阴影

二、css 2d的转变