首 页
手机版

css3ps插件

ps图层转css3代码插件

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-现在不支持

收起介绍展开介绍
  • ps滤镜插件
更多 (36个) >>ps滤镜插件大全 ps这款软件如此好用的原因离不开滤镜插件的功劳,通过使用不同的滤镜插件就可以做出不同的效果。所以小编今天精心整理出了一份ps滤镜插件大全,都是好玩又逆天的PS黑科技插件,绝对是各位大神必备,其中包括了各种不同效果功能的插滤镜插件,还有热门常用必备插件等等,均都着让人意想不到的功神奇功能。可以说是史上最全的ps滤镜打包,需要的用户不妨下载收藏,可秒变高阶大神。
  • 下载地址

发表评论

0条评论