CSS3Ps图层转CSS3代码工具是一款非常专业的css3ps插件。这款软件具有绿色安全,功能强大的特点,它可以为用户将PhotoShop上的图层转为CSS3代码。

有了CSS3Ps,上面的特效可以直接导出CSS3代码~
圆角边框:-webkit-border-radius:5px;
模块阴影:-webkit-box-shadow:1px1px1pxrgba(0,0,0,.45);
模块内阴影:-webkit-box-shadow:inset020pxrgba(255,255,255,.55);
文本阴影:text-shadow:3px4px5pxrgba(4,0,0,.75);
文本内阴影:text-shadow:inset3px4px5pxrgba(0,0,0,.75);
模块内发光:-webkit-box-shadow:inset0017pxrgba(255,255,190,.41);
文本内发光:text-shadow:inset005pxrgba(249,247,189,.75);
线性渐变:-webkit-linear-gradient(bottom,rgba(222,0,120,.74),rgba(255,150,0,.74));
这些效果,只要一键即可转化为css3代码,操作起来十分简单
圆角需要使用圆角矩形工具,而且似乎要保留路径。这是参数获取所必须的。

【使用方法】
可以将Photoshop图层特效等效果直接转为CSS3代码,无需为了再浏览网页查询css3代码的写法,无需手动查看ps图层特殊的数据来编写css3代码,大大提升编写代码的效率有了CSS3Ps,上面的特效可以直接导出CSS3代码~
圆角边框:-webkit-border-radius:5px;
模块阴影:-webkit-box-shadow:1px1px1pxrgba(0,0,0,.45);
模块内阴影:-webkit-box-shadow:inset020pxrgba(255,255,255,.55);
文本阴影:text-shadow:3px4px5pxrgba(4,0,0,.75);
文本内阴影:text-shadow:inset3px4px5pxrgba(0,0,0,.75);
模块内发光:-webkit-box-shadow:inset0017pxrgba(255,255,190,.41);
文本内发光:text-shadow:inset005pxrgba(249,247,189,.75);
线性渐变:-webkit-linear-gradient(bottom,rgba(222,0,120,.74),rgba(255,150,0,.74));
这些效果,只要一键即可转化为css3代码,操作起来十分简单
【注意事项】
能够识别成CSS3的图层是有限制的。例如,渐变CSS3似乎只能使用图层样式的渐变才能识别,投影、描边等都尽量使用fx图层样式圆角需要使用圆角矩形工具,而且似乎要保留路径。这是参数获取所必须的。