CSS3PS插件可以方便的把帶圖標樣式的圖層、形狀導出為CSS3、SCSS、格式。比如一些帶漸變、圓角、內(nèi)發(fā)光、內(nèi)陰影樣式的圖形或文字都可以導出來。這個比一些CSS3生成功能還方便。

功能介紹
證據(jù)——你可以很容易看到轉(zhuǎn)換結(jié)果在線在您的瀏覽器中
多層——你可以選擇幾個層和層組,并將其轉(zhuǎn)換在一個點擊
前綴,我們支持所有流行的瀏覽器:前綴“webkit“Safari和Chrome,Firefox的“moz”,“ms-IE 10。
混合——現(xiàn)在只有正常模式支持,但我們很快就會添加其他混合模式
大小——我們轉(zhuǎn)換層的大小(形狀或位圖),CSS寬度和高度屬性
邊界半徑,我們計算形狀邊界半徑是否有可能代表作為一個圓角矩形形狀,您可以轉(zhuǎn)換很多形狀類型
斜面和浮雕——我們不支持它
中風——轉(zhuǎn)化為CSS邊框?qū)傩?/p>
內(nèi)陰影——轉(zhuǎn)化為CSS不必財產(chǎn)
內(nèi)發(fā)光,轉(zhuǎn)化為CSS不必財產(chǎn)
顏色疊加,我們目前不支持它,但我們很快就會加入的
漸變疊加——目前我們只支持線性漸變,但我們很快就會添加徑向和反映梯度
模式——我們現(xiàn)在不支持它,但我們正在努力
外發(fā)光,轉(zhuǎn)化為CSS不必財產(chǎn)
投影——轉(zhuǎ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、選擇想要轉(zhuǎn)換的層

2、選擇“文件”→“腳本”→“Browse”→“菜單項”

3、選擇Css3ps

4、將自動運行并打開一個瀏覽器窗口,顯示轉(zhuǎn)換結(jié)果

注意事項
下載完成后可根據(jù)自身使用版本進行選擇使用對應的插件
支持:





美圖秀秀
稿定設計
CorelDRAW 12
光影魔術手
Nikon Capture NX2(尼康相機照片處理軟件)
磨皮軟件(Portrait+)