雪碧圖制作、使用的幾種方式!


  對前端工程師來說,雪碧圖的制作是必須掌握的一門技能,這里主要介紹雪碧圖的制作和使用! 

  

一、雪碧圖制作

  在線生成雪碧圖網站

  網站的內容如下:

通過點擊左側,我們可以選擇一個文件夾,將我們希望合成雪碧圖的文件夾選中,然后就自動生成了,比如,我們選擇下面的文件夾:

 

 

然后就會生成雪碧圖:

可以看到,在右側已經生成了雪碧圖,而在左側也已經把每一個小圖片的css寫好了,這樣,我們就可以直接使用了。

 

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM