PS特效轉換為 CSS3 代碼(CSS3PS)

HTML5、CSS3已經越來越成熟，特別是在排版繪圖等方面有了很大的改進雖然現在各家的瀏覽器引擎解析出來的還并不算專業，但是一些像內陰影、內發光、陰影、外發光、圖片圓角等效果都支持的非常不錯。而寫程序的碼農們則歡呼了，再也不需要用PS去處理圖片直接使用css進行各種繪圖。

CSS3PS是一個免費的基于云端的 Photoshop 插件，用來將 PhotoShop 的圖層轉成用 CSS3 實現的方式，外觀完全一致。

您可以選擇多個圖層和圖層組，一鍵轉換。行程轉換為CSS邊框屬性。內陰影，內發光，陰影，外發光轉換成CSS的box- shadow屬性。

CSS3PS怎么用？

CSS3Ps支持Photoshop CS3-cs6這四個版本，它的使用方法非常的簡單，在CS3與CS4中選中你要轉換的圖層，通過菜單“文件”>“腳本”>“瀏覽”選中下載好的CSS3Ps插件即可完成轉換，在CS5與CS6中使用CSS3Ps要首先在”Adobe 擴展管理“里安裝插件，最后在Photoshop的“窗口“>”擴展“中選中”CSS3Ps“，以下是通過CSS3Ps轉換出來的代碼效果圖。

安裝詳細教程：

針對Photoshop CS5和CS6版本的安裝過程（來至官方教程）：

1.如果Adobe Photoshop的運行，將其關閉。

2.下載“CSS3Ps.zpx”文件。

3.在Adobe Extension Manager中點擊“Accept”按鈕。

4.當安裝程序完成后，你會看到以下的畫面?，F在你可以運行Adobe Photoshop。

5.在Adobe Photoshop中選中“窗口”- >“擴展” - >“ CSS3Ps”菜單項。

6.恭喜！現在，您可以選擇您的層并轉換他們CSS了。

在Photoshop CS3和CS4中使用腳本

1.選擇你要轉換的層

2.選擇“文件” - >“腳本” - >“瀏覽...” 菜單項

3.選擇“CSS3Ps.jsx”文件

4.該腳本將運行并打開一個瀏覽器窗口的轉換結果