找軟件用軟件,就到華軍軟件園! 軟件發(fā)布

您好,如有軟件收錄需求,請將軟件打包,并附上軟件名稱、軟件介紹、軟件相關(guān)截圖、軟件icon、軟著、營業(yè)執(zhí)照(個人沒有營業(yè)執(zhí)照請?zhí)峁?yīng)的開發(fā)者身份證正反面以及手持身份證本人照片),發(fā)送至郵箱 https://user.onlinedown.net/login

收起>>

發(fā)送至郵箱:news@onlinedown.net

收起>>

所在位置: 首頁 — PC軟件 — 圖形圖像 — 圖像處理  —  CSS3Ps圖層轉(zhuǎn)CSS3代碼工具
CSS3Ps圖層轉(zhuǎn)CSS3代碼工具

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具  v1.0.1官方免費(fèi)版

二維碼
  • 軟件授權(quán): 免費(fèi)軟件
  • 軟件大?。? 0.13MB
  • 軟件評分:
  • 軟件類型: 國產(chǎn)軟件
  • 更新時間: 2017-09-20
  • 應(yīng)用平臺: winall
  • 軟件語言: 簡體中文
  • 版      本: v1.0.1官方免費(fèi)版

下載服務(wù)協(xié)議見頁面底部

軟件介紹 相關(guān)專題 常見問題 下載地址

為您推薦:- CSS工具

基本簡介
CSS3Ps圖層轉(zhuǎn)CSS3代碼工具段首LOGO
CSS3Ps圖層轉(zhuǎn)CSS3代碼工具是一款由專業(yè)團(tuán)隊(duì)開發(fā)安裝在PhotoShop上的可以將圖層轉(zhuǎn)為CSS3代碼的小插件,該軟件體積小功能強(qiáng)大使用便捷,能在日常生活、辦公中起到強(qiáng)大的作用,馬上下載使用吧。
相似軟件
版本說明
軟件地址

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

安裝說明

  1、對該文件進(jìn)行重命名,將后綴改成zxp,圖標(biāo)將會變成

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  2、打開Adobe Extension Manager來安裝

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  3、找到文件下載的目錄選擇

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  4、下一步選擇css3ps.zxp

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  5、點(diǎn)擊接受并開始下一步安裝

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  6、安裝后可以在軟件工具欄查看插件具體信息

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

使用方法

  我特定自己嘗試了一下:

  我目前使用的是CS6, 因此,下載的是下面這個文件(PS3/PS4使用參見官方示意),雙擊之:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  然后就會出現(xiàn)下面這個:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  然后下面這個:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  然后就會下面這樣:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  接受之,然后就會:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  如上,安裝完畢。此時,重啟或打開photoshop,點(diǎn)擊window(窗口) -> Extension(擴(kuò)展) -> CSS3Ps 就會出現(xiàn)一個方塊區(qū)域,見下圖右側(cè):

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  下面變身設(shè)計(jì)師,畫個圓角矩形,搞個漸變投影什么的,選中該圖層,然后點(diǎn)擊上面那個有CSS3Ps字樣的方框區(qū)域:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  默認(rèn)的瀏覽器就會打開,稍等一段時間后,就會出現(xiàn)下面這個:

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  至此,個人親測完畢。

常見問題

  如果安裝失敗,可以嘗試以下方法:

  把壓縮包里面的文件放到Css安裝目錄下 Plug-insPanels 文件夾中即可

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  X:AdobeAdobe Photoshop CC (64 Bit)Plug-insPanels

使用技巧

  可以將Photoshop圖層特效等效果直接轉(zhuǎn)為CSS3代碼,無需為了再瀏覽網(wǎng)頁查詢css3代碼的寫法,無需手動查看ps圖層特殊的數(shù)據(jù)來編寫css3代碼,大大提升編寫代碼的效率

  混合選項(xiàng)菜單

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  有了CSS3Ps,上面的特效可以直接導(dǎo)出CSS3代碼~

  圓角邊框:-webkit-border-radius: 5px;

  模塊陰影:-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.45);

  模塊內(nèi)陰影:-webkit-box-shadow: inset 0 20px rgba(255,255,255,.55);

  文本陰影:text-shadow: 3px 4px 5px rgba(4,0,0,.75);

  文本內(nèi)陰影:text-shadow: inset 3px 4px 5px rgba(0,0,0,.75);

  模塊內(nèi)發(fā)光:-webkit-box-shadow:inset 0 0 17px rgba(255,255,190,.41);

  文本內(nèi)發(fā)光:text-shadow: inset 0 0 5px rgba(249,247,189,.75);

  線性漸變:-webkit-linear-gradient(bottom, rgba(222,0,120,.74), rgba(255,150,0,.74));

  這些效果,只要一鍵即可轉(zhuǎn)化為css3代碼,操作起來十分簡單

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

注意事項(xiàng)

  能夠識別成CSS3的圖層是有限制的。例如,漸變CSS3似乎只能使用圖層樣式的漸變才能識別,投影、描邊等都盡量使用fx圖層樣式

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具截圖

  圓角需要使用圓角矩形工具,而且似乎要保留路徑。這是參數(shù)獲取所必須的。

下載地址 分享軟件/應(yīng)用

使用WindSoul軟件管家下載地址:安全,快速

電信安全下載 網(wǎng)通安全下載 移動安全下載 聯(lián)通安全下載

部分文件為zip、rar等壓縮格式,請下載 360壓縮 進(jìn)行壓縮!

常見問題

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具

CSS3Ps圖層轉(zhuǎn)CSS3代碼工具 v1.0.1官方免費(fèi)版

關(guān)閉