字体图标
矢量图标库
- Iconfont：www.iconfont.cn/
使用字体图标
-
Unicode编码
-
类名fontclass
- 引入样式表
- 复制图标对应的编码
平面转换
位移
-
transform：translate(水平移动距离, 垂直移动距离);
- 相对自身移动
- X轴正向为右，Y轴正向为下
- 代码，快速居中
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
旋转
-
transfom:rotate(角度)；
-
单位：deg
-
顺时针为正
-
改变原点
-
transform-origin：原点水平位置 原点垂直位置
-
取值left top ...
-
单位
- 像素
- 百分比（相对盒子自身）
-
-
-
多重转换
- transform：translate（）rotate（）；
-
缩放
-
transform:scale(缩放倍数);
- scale值大于1表示放大, scale值小于1表示缩小
渐变
background-image:linear-gradient()
- transparent:透明
