CSS3Ps插件是運(yùn)用在PS軟件上的圖層轉(zhuǎn)CSS3代碼的插件，幫助設(shè)計(jì)師們快速將一些漸變、投影、內(nèi)陰影的效果轉(zhuǎn)化成CSS3，使用簡(jiǎn)單又方便，綠色資源網(wǎng)提供最全的CSS3Ps插件和使用方法，歡迎大家下載體驗(yàn)！

CSS3Ps軟件介紹

CSS3Ps是photoshop的一個(gè)免費(fèi)云插件，用來(lái)把圖層轉(zhuǎn)換為CSS3樣式。這個(gè)插件解決了把一張圖片轉(zhuǎn)換為CSS樣式時(shí)顏色、名稱、大小等屬性的對(duì)應(yīng)問(wèn)題。這是一個(gè)精巧、快速的插件。你僅需要獲取一份副本并把這個(gè)插件放進(jìn)CSS編輯區(qū)里。

CSS3Ps插件使用說(shuō)明

1.在綠色資源網(wǎng)下載并解壓文件

2.先關(guān)閉PS，然后運(yùn)行下載好的CSS3Ps.zpx文件

3.安裝完畢后，我們重新打開(kāi)PS，選擇window(窗口) -> Extension(擴(kuò)展) -> CSS3Ps，就會(huì)出現(xiàn)一個(gè)方塊區(qū)域，見(jiàn)下圖右下側(cè)：

4.然后你可以新建圖層設(shè)計(jì)幾個(gè)漸變，投影等效果的按鈕，點(diǎn)擊上面那個(gè)有CSS3Ps字樣的方框區(qū)域，如下圖：

5.就會(huì)在默認(rèn)谷歌瀏覽器新開(kāi)一個(gè)頁(yè)面就可以看到CSS3代碼啦，如下圖：

是不是很神奇呢，這樣我們重構(gòu)設(shè)計(jì)師的設(shè)計(jì)稿的時(shí)候方便了很多呢，不用去查看圖層的各個(gè)效果了。

注意事項(xiàng)

本插件包括四款：

CSS3Ps.zip for Adobe photoshop cc 2015

CSS3Ps-2.0.0-CC2014.zxp for Adobe Photoshop CC 2014

CSS3Ps.zxp for Adobe photoshop cs5, CS6 and CC

CSS3Ps.jsx for Adobe Photoshop CS3 and CS4

綠色資源網(wǎng)小編提示大家，對(duì)應(yīng)使用！