自学前端Day1

177 阅读1分钟

1 字体图标的使用和上传

图标库 Iconfont: www.iconfont.cn/

一、使用方法:Unicode编码:

1.引入样式表:iconfont.css\

<link rel="stylesheet" herf="./iconfont.css">

2.复制粘贴图标对应的Unicode编码

<span class="iconfont icon-xxx"></span>

二、关于上传矢量图:

1、上传 → 上传SVG图标

2、浏览本地图标 → 去除颜色提交

3、加入购物车 → 下载使用

2 平面转换

位移:transform:translate(水平移动距离, 垂直移动距离)

旋转:transform:rotate(360deg) ===>顺时针旋转360度

缩放:transform:scale(1.5) ===>放大1.5倍

ps:

透明度: 
opacity1;    ===>完全不透明
opacity: 0;     ===>完全透明