【文件属性】:
文件名称:Scss-Dynamic-Sprite:用于动态Sprite的Scss混合
文件大小:159KB
文件格式:ZIP
更新时间:2021-05-17 05:47:47
CSS
用于动态Sprite的Scss Mixin
用法:
参数:dynamic-sprite(宽度,图像数量,srite.png的高度,sprite.png的路径,浮动方向)
例如。:
@include dynamic-sprite(50px,10,67,'sprite.png的路径','左');
重要的:
用于sprite.png图像高度的第三个参数以px为单位,但与实际的px语句不符,只是数值。
例子
原始雪碧:
与混合
向左浮动:
@include dynamic-sprite(50px,10,67,'../images/sprite_flags.png','left');
向右浮动:
@include dynamic-sprite(30px,10,67,'../images/sprite_flags.png','右');
无浮动:
@include dynamic-sp
【文件预览】:
Scss-Dynamic-Sprite-master
----example.html(589B)
----scss()
--------_mixin.scss(759B)
--------_vars.scss(15B)
--------style.scss(461B)
----images()
--------sprite_flags.png(86KB)
--------left.png(32KB)
--------none.png(31KB)
--------right.png(23KB)
----gulpfile.js(832B)
----README.md(1KB)
----css()
--------style.css(3KB)
----.gitignore(23B)
----package.json(611B)