雪碧圖css樣式生成工具

操作說明:使用時可點擊示例圖片,按照圖片背景的英文提示點擊拖選雪碧圖示例圖片上的小圖標,即可自動選中該圖標。同時下方給出相應的css代碼。熟悉使用方法後可自行上傳雪碧圖進行拖選操作。


關于在線CSS雪碧圖css樣式工具操作教程

1、該工具翻譯自國外網站,用戶使用時可點擊示例圖片,按照圖片背景的英文提示點擊拖選雪碧圖示例圖片上的小圖標,即可自動選中該圖標。同時下方給出相應的css代碼。用戶熟悉使用方法後可自行上傳雪碧圖進行拖選操作。(必須是背景透明的png格式圖片)

2、工具美中不足的是針對圖形邊界進行判斷,進而自動選中獨立的小圖標。因此當雪碧圖上的各個小圖標間距過于緊湊的時候往往無法進行准確的自動框選判定。

3、對于本工具使用過程中發現的問題,歡迎提出寶貴意見!