CSS3Ps图层转CSS3代码工具v1.0.1官方免费版

CSS3Ps图层转CSS3代码工具是由专业团队开发并安装在PhotoShop上的一个小插件，可以将图层转换为CSS3代码。该软件体积小，功能强大，使用方便，能够在日常生活和办公中发挥强大的作用。现在就下载。

安装说明

1.重命名文件，将后缀更改为zxp，图标将变为

2.打开Adobe扩展管理器进行安装

3.找到文件下载的目录选择

4.下一步选择css3ps.zxp

5.单击接受并开始下一次安装

6.安装后，您可以在软件工具栏中查看插件的具体信息

施用方式

我亲自尝试过：

我目前使用的是CS6，所以下载了以下文件(PS3/PS4使用方法见官方示意图)，双击即可：

然后会出现以下一个：

然后是下面这个：

然后会是这样的：

接受它，然后你就会：

如上，安装完成。此时，重启或打开photoshop，点击【窗口】-【扩展】-【CSS3Ps】，会出现一个正方形区域，如下图右侧所示：

变成设计师，画一个圆角矩形，做一个渐变投影什么的，选中这个图层，然后点击上面有CSS3Ps的方框区域：

默认浏览器将打开，过一会儿，将出现以下浏览器：

至此，个人测试结束。

常见问题

如果安装失败，您可以尝试以下方法：

将压缩包中的文件放在Css安装目录下的插件\面板文件夹中

x : \ Adobe \ Adobe Photoshop CC(64位)\插件\面板

使用技能

Photoshop图层特效等效果可以直接转换成css3代码，无需为了再次浏览网页而查询css3代码的编写情况，也无需手动查看ps图层的特殊数据来编写CSS3代码，大大提高了编写代码的效率

混合选项菜单

用CSS3Ps，以上特效可以直接导出CSS3代码~

圆角边框：-web kit-border-radius : 5px；

模块阴影：-WebKit-box-shadow : 1px 1px rgba(0，0，0， 45)；

模块中的阴影：-WebKit-box-Shadow : INSET 0 20 pXRGBA(255，255，255， 55)；

文字阴影：文字-阴影： 3px 4px 5px rgba (4，0，0， 75)；

文字内影：文字-影：插图3px 4px 5px rgba (0，0，0，0.75)；

模块中的发光：-WebKit-box-shadow :插图0017pxrgba (255，255，190， 41)；

在文字中发光：文字-阴影：插图005px rgba (249，247，189， 75)；

线性渐变：-WebKit-线性渐变(底部，rgba (222，0，120，0.74)，rgba (255，150，0，0.74))；

这些效果可以一键转换成css3代码，操作起来非常简单

需要注意的事项

哪些层可以被识别为CSS3是有限制的。比如渐变CSS3似乎只能通过图层样式的渐变来识别，投影和描边尽量使用fx图层样式

舍入需要圆角矩形工具，它似乎保留了路径。这是参数获取所必需的。