web前端学习第十九天

1,渐变
目标：使用background-image属性实现渐变背景效果

1.渐变是多个颜色逐渐变化的视觉效果
2.一般用于设置盒子的背景

渐变背景

2，空间转换
目标：使用transform属性实现元素在空间内的位移、旋转、缩放等效果

1.空间：是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。
2.空间转换也叫3D转换
3.属性：transform

空间位移
语法

1. transform: translate3d(x, y, z);
2. transform: translateX(值);
3. transform: translateY(值);
4. transform: translateZ(值);

取值（正负均可）

1. 像素单位数值
2. 百分比

透视<