對于經(jīng)常使用CSS Sprites的同學(xué),不知道是否有跟我一樣的煩惱,在寫定位的時候,先在PS里量出大概的位置,然后再在FF里用 Firebug 進行微調(diào),以達到實際需要的效果。這樣做的話效率方面的問題比較嚴重,雖然在做合并圖的時候大概的位置都已經(jīng)心里有數(shù),不過在寫樣式的時候也不太可能每次都能記得住正確的位置,特別是像我這種沒啥記性的人,總免不了開著PS,時不時的量一下。更讓我煩惱的是,原本性能就不高的電腦,開著個PS后運行起來就更慢了(至少一半內(nèi)存被PS占用),而這時的PS只是用來量位置,真是有點大才小用了。
CSS Sprites 樣式生成工具是一個CSS網(wǎng)頁設(shè)計輔助工具,主要功能是想減少使用CSS Sprites技術(shù)時測量坐標(biāo)及填寫background-position定位這部分重復(fù)而枯燥的時間,提高工作效率。
使用方法:
1、首先讀取圖片
2、雙擊圖片,添加層,放大后,縮放層的區(qū)域大小
3、點擊操作-預(yù)覽樣式,就可以得到您想的層樣式
3.2.1 更新說明:
(新增)單獨定義層的輸出設(shè)置
(新增)當(dāng)前信息層顯示設(shè)置
(新增)更新所有層信息窗
(fix)新建層時不激活
(fix)讀取設(shè)置后圖片不能縮放
(fix)操作界面布局
- PC官方版
- 安卓官方手機版
- IOS官方手機版