雪碧图制作、使用的几种方式!


  对前端工程师来说,雪碧图的制作是必须掌握的一门技能,这里主要介绍雪碧图的制作和使用! 

  

一、雪碧图制作

  在线生成雪碧图网站

  网站的内容如下:

通过点击左侧,我们可以选择一个文件夹,将我们希望合成雪碧图的文件夹选中,然后就自动生成了,比如,我们选择下面的文件夹:

 

 

然后就会生成雪碧图:

可以看到,在右侧已经生成了雪碧图,而在左侧也已经把每一个小图片的css写好了,这样,我们就可以直接使用了。

 

 

参考文章:https://juejin.im/post/58eb062861ff4b006b576d9c


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM