css3ps插件

css3ps是一款將ps圖層轉(zhuǎn)換為css3代碼的ps插件，該插件能夠適用于photoshop cs3/cs4/cs5/cs6/cc/cc2014/cc2015等多個版本，用戶不需要手動查看ps圖層特殊的數(shù)據(jù)來編寫css3代碼，只需安裝好此款css3ps插件，然后選中圖層，點擊標(biāo)志，就會在瀏覽器中顯示對應(yīng)的CSS3代碼了，能夠大大提升編寫代碼的效率，是前端開發(fā)的有力工具。不過需要注意的是：由于ps版本不一，安裝css3ps插件時方法可能不一樣，zxp格式的文件，需要使用Adobe Extension Manager來安裝，請須知。

軟件功能

1、您可以在瀏覽器中輕松查看轉(zhuǎn)換結(jié)果。

2、您可以選擇多個圖層和一組圖層，并在一次點擊中進(jìn)行轉(zhuǎn)換。

3、支持所有流行瀏覽器的前綴：Safari和Chrome的“-webkit-”，F(xiàn)irefox的“-moz-”，“IE”的“-ms-”和“Opera”的“-o-”。

4、 將層的大?。ㄐ螤罨蛭粓D）轉(zhuǎn)換為CSS 寬度和高度屬性。

5、如果可以將形狀表示為具有圓角的矩形，則計算形狀的邊框半徑; 你可以真正轉(zhuǎn)換很多形狀類型。

6、中風(fēng)-被轉(zhuǎn)換為CSS 邊框?qū)傩浴?

7、內(nèi)陰影-被轉(zhuǎn)換為CSS box-shadow屬性。

8、InnerGlow - 被轉(zhuǎn)換為CSS box-shadow屬性。

9、外發(fā)光-轉(zhuǎn)換為CSS box-shadow屬性。

10、DropShadow-被轉(zhuǎn)換成CSS box-shadow屬性。

11、文本圖層-支持文本圖層的 CSS font-family，font-size，font-weight，font-style，text-transform，text-decoration，color和text-shadow屬性。

css3ps如何安裝？

1、如果Photoshop正在運行要先將其關(guān)閉。

2、打開已下載的css3ps插件文件“CSS3Ps.zpx”。

3、在Adobe Extension Manager中點擊“接受”按鈕。

4、當(dāng)安裝過程完成后，你會看到下面的屏幕，現(xiàn)在可以運行Adobe Photoshop。

5、在Adobe Photoshop檢查 “窗口 - >擴展 - > CSS3Ps” 菜單項。

6、恭喜！現(xiàn)在，你可以選擇你的圖層，并將它們轉(zhuǎn)換為CSS。

注意事項

1、顏色疊加-現(xiàn)在不支持它，但會盡快添加

2、漸變疊加-現(xiàn)在只支持線性漸變，但是我們將盡快添加徑向和反射的漸變

3、Pattern-現(xiàn)在不支持，但正在努力

4、Blending-現(xiàn)在只支持正常模式，但將很快添加其他混合模式。

5、Satin-現(xiàn)在不支持