IconAndAnimationMixins:使用网络字体图标和 CSS 的动画

时间:2024-08-12 05:04:38
【文件属性】:

文件名称:IconAndAnimationMixins:使用网络字体图标和 CSS 的动画

文件大小:353KB

文件格式:ZIP

更新时间:2024-08-12 05:04:38

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()

网友评论