移动web第一天

字体图标

1647224403305

改变盒子在平面内的状态

2d转换

平面转换属性：transform

transform：translate(x,y);

注意：x轴正向为右，y轴正向为下

实现位移居中：transform：translate(-50% , -50%);

**transform:rotate(角度)；**单位：deg

逆时针是正，顺时针是负

transform-origin：改变旋转原点(方位名词，像素，百分比)

方位名词属性值：left，center，right，top，bottom

当位移和旋转同时出现时，先旋转再位移跟先位移再旋转的效果不一样

transform：rotate(deg) transform();

transform:scale(缩放倍数)；

background-image：linear-gradient(

颜色1，

颜色2

)；

从上往下百分比渐变

background-image:linear-gradient(red 30%,blue 50%,aqua 80%,aqua 100%)；

渐变的方向

方位名词，角度

background-image:linear-gradient(to top right，red ，aqua )；

background-image:linear-gradient(transparent, red)

渐变没有过渡效果