
【使用方法】
可以將Photoshop圖層特效等效果直接轉(zhuǎn)為CSS3代碼,無需為了再瀏覽網(wǎng)頁(yè)查詢css3代碼的寫法,無需手動(dòng)查看ps圖層特殊的數(shù)據(jù)來編寫css3代碼,大大提升編寫代碼的效率有了CSS3Ps,上面的特效可以直接導(dǎo)出CSS3代碼~
圓角邊框:-webkit-border-radius:5px;
模塊陰影:-webkit-box-shadow:1px1px1pxrgba(0,0,0,.45);
模塊內(nèi)陰影:-webkit-box-shadow:inset020pxrgba(255,255,255,.55);
文本陰影:text-shadow:3px4px5pxrgba(4,0,0,.75);
文本內(nèi)陰影:text-shadow:inset3px4px5pxrgba(0,0,0,.75);
模塊內(nèi)發(fā)光:-webkit-box-shadow:inset0017pxrgba(255,255,190,.41);
文本內(nèi)發(fā)光:text-shadow:inset005pxrgba(249,247,189,.75);
線性漸變:-webkit-linear-gradient(bottom,rgba(222,0,120,.74),rgba(255,150,0,.74));
這些效果,只要一鍵即可轉(zhuǎn)化為css3代碼,操作起來十分簡(jiǎn)單
【注意事項(xiàng)】
能夠識(shí)別成CSS3的圖層是有限制的。例如,漸變CSS3似乎只能使用圖層樣式的漸變才能識(shí)別,投影、描邊等都盡量使用fx圖層樣式圓角需要使用圓角矩形工具,而且似乎要保留路徑。這是參數(shù)獲取所必須的。




































