CSS3PS插件可以方便的把帶圖標樣式的圖層、形狀導出為CSS3、SCSS、格式。比如一些帶漸變、圓角、內發(fā)光、內陰影樣式的圖形或文字都可以導出來。這個比一些CSS3生成功能還方便。
功能介紹
證據(jù)——你可以很容易看到轉換結果在線在您的瀏覽器中
多層——你可以選擇幾個層和層組,并將其轉換在一個點擊
前綴,我們支持所有流行的瀏覽器:前綴“webkit“Safari和Chrome,Firefox的“moz”,“ms-IE 10。
混合——現(xiàn)在只有正常模式支持,但我們很快就會添加其他混合模式
大小——我們轉換層的大小(形狀或位圖),CSS寬度和高度屬性
邊界半徑,我們計算形狀邊界半徑是否有可能代表作為一個圓角矩形形狀,您可以轉換很多形狀類型
斜面和浮雕——我們不支持它
中風——轉化為CSS邊框屬性
內陰影——轉化為CSS不必財產(chǎn)
內發(fā)光,轉化為CSS不必財產(chǎn)
顏色疊加,我們目前不支持它,但我們很快就會加入的
漸變疊加——目前我們只支持線性漸變,但我們很快就會添加徑向和反映梯度
模式——我們現(xiàn)在不支持它,但我們正在努力
外發(fā)光,轉化為CSS不必財產(chǎn)
投影——轉化為CSS不必財產(chǎn)
文本圖層,我們支持CSS字體類型,字體大小,粗細,字體樣式,首字母,文字修飾、顏色和文本陰影屬性文本圖層
安裝方法
1、如果正在運行Adobe Photoshop,關閉它
2、復制下載完成的“.zxp”文件用Adobe Extension Manager擴展管理器打開
3、在Adobe Extension Manager擴展管理器點擊“接受”按鈕
4、安裝過程完成后,將看到插件名,版本號,作者,退出Adobe Extension Manager擴展管理器運行Adobe Photoshop
5、在Adobe Photoshop中檢查“窗口(Window)”→“擴展(Extensions)”→“Css3PS”即可
使用方法
1、選擇想要轉換的層
2、選擇“文件”→“腳本”→“Browse”→“菜單項”
3、選擇Css3ps
4、將自動運行并打開一個瀏覽器窗口,顯示轉換結果
注意事項
下載完成后可根據(jù)自身使用版本進行選擇使用對應的插件
支持: