css3ps是非常不错的将ps图层转换为css3代码的ps插件,该插件能够适用于photoshop cs3/cs4/cs5/cs6/cc/cc2014/cc2015等多个版本用户不需要手动查看ps图层特殊的数据来编写css3代码,只需安装好此款css3ps插件,然后选中图层,点击标志,就会在浏览器中显示对应的CSS3代码了,能够大大提升编写代码的效率,是前端开发的有力工具。不过需要注意的是:由于ps版本不一,安装css3ps插件时方法可能不一样,zxp格式的文件,需要使用Adobe Extension Manager来安装,请须知。
软件功能
1、您可以在浏览器中轻松查看转换结果。
2、您可以选择多个图层和一组图层,并在一次点击中进行转换。
3、支持所有流行浏览器的前缀:Safari和Chrome的“-webkit-”,Firefox的“-moz-”,“IE”的“-ms-”和“Opera”的“-o-”。
4、 将层的大小(形状或位图)转换为CSS 宽度和高度属性。
5、如果可以将形状表示为具有圆角的矩形,则计算形状的边框半径; 你可以真正转换很多形状类型。
6、中风-被转换为CSS 边框属性。
7、内阴影-被转换为CSS box-shadow属性。
8、InnerGlow - 被转换为CSS box-shadow属性。
9、外发光-转换为CSS box-shadow属性。
10、DropShadow-被转换成CSS box-shadow属性。
11、文本图层-支持文本图层的 CSS font-family,font-size,font-weight,font-style,text-transform,text-decoration,color和text-shadow属性。
css3ps如何安装?
1、如果Photoshop正在运行要先将其关闭。
2、打开已下载的css3ps插件文件“CSS3Ps.zpx”。
3、在Adobe Extension Manager中点击“接受”按钮。
4、当安装过程完成后,你会看到下面的屏幕,现在可以运行Adobe Photoshop。
5、在Adobe Photoshop检查 “窗口 - >扩展 - > CSS3Ps” 菜单项。
6、恭喜!现在,你可以选择你的图层,并将它们转换为CSS。
注意事项
1、颜色叠加-现在不支持它,但会尽快添加
2、渐变叠加-现在只支持线性渐变,但是我们将尽快添加径向和反射的渐变
3、Pattern-现在不支持,但正在努力
4、Blending-现在只支持正常模式,但将很快添加其他混合模式。
5、Satin-现在不支持
版权声明:css3ps插件 所展示的资源内容均来自于第三方用户上传分享,您所下载的资源内容仅供个人学习交流使用,严禁用于商业用途,软件的著作权归原作者所有,如果有侵犯您的权利,请来信告知,我们将及时撤销。
软件下载信息清单:
软件名称 | 发布日期 | 文件大小 | 下载文件名 |
---|---|---|---|
css3ps插件 安装包 | 2024年11月10日 | 633K | css3ps199435.zip |
软件评论