字体图标
阿里巴巴矢量图标库
引入方式
-
本地引入
- 挑选添加购物车
- 添加至项目，下载代码
- 解压，更改名字icon font
- 放到项目
- font class方式引入
-
在线引入
- 挑选添加购物车
- 添加项目
- 辅助在线链接
- link引入
- 公共类名 icon font
- 粘贴类名 **
平面转换 transform
平移 translate
-
100px，100px
-
100%
- 自身盒子的百分比
缩放 scale
- 0-1缩小
- 大于1放大
转换原点 origin
-
方位名词，只写一个另外一个默认center
- top
- bottom
- left
- right
- center
-
right top， right bottom...
旋转 rotate
-
正值顺时针旋转
- 360deg
-
负值逆时针旋转
- -360deg
渐变
本质是背景图片
background-image: linear-gradient
- 默认从上到下
- to right 从左到右
- to left top 从右下到左上
- 0deg 从下到上 90deg从左到右
拓展
背景裁切
-
background-clip
- border-box
- padding-box
- center-box
XMind - Trial Version
