less
/*
通过这个函数来引入图片,例如:
#wrapper{ @include bg('../img/sample.jpg') }
这段代码经过编译后便会生成如下两句代码
#wrapper{ background-image:url('../img/sample.jpg'); }
.webp #wrapper{ background-image:url('../img/sample.jpg.webp'); }
*/
.bg(@url) {
background-image: url(@url);
&.webp {
background-image: url('@{url}.webp');
}
}
sass
.mixin(@url) {
background-image: url(@url);
.webps & {
background-image: url('@{url}.webp');
}
}
如何优雅的在css中使用webp
猜你喜欢
转载自blog.csdn.net/qq_28473733/article/details/103151573
今日推荐
周排行