【文件属性】:
文件名称:IconAndAnimationMixins:使用网络字体图标和 CSS 的动画
文件大小:353KB
文件格式:ZIP
更新时间:2021-07-23 11:17:58
CSS
网页字体图标和动画
使用网络字体的图标混合和动画混合。
##如何使用图标在配置文件中设置你要使用的图标的Unicode为一个数组。
_setting.config.scss
$icons : (
excle : f1c3 ,
word : f1c2 ,
spin : f110 ,
... etc
);
变量名是固定的,key是任意的。如下所示,使用“@include”并将之前设置的数组的名称作为参数传递给名为“iconset”的mixin。
样式文件
. c-icon__exl {
@include iconset(excle);
}
编译后,输出如下。
. c-icon__exl : before {
content : "\f1c3" ;
}
##如何使用动画
首先,在以下文件中设置动画数组中的“Start”和“Last”值。
_setting.c
【文件预览】:
IconAndAnimationMixins-master
----font()
--------fontawesome-webfont.svg(306KB)
--------fontawesome-webfont.eot(59KB)
--------fontawesome-webfont.ttf(119KB)
--------fontawesome-webfont.woff(70KB)
--------fontawesome-webfont.woff2(55KB)
----package.json(384B)
----gulpfile.js(776B)
----README.md(2KB)
----_src()
--------sass()