个人编写的PS图层CSS实时预览插件

PS的图层CSS插件，网上存在两款，CSSHat和CSS3Ps这两个插件，但是我使用起来感觉不顺手，

于是我自己写了一个PS的CSS实时预览插件，效果如下图所示，选中图层，插件面板自动出现该图层的CSS样式。

支持的CSS样式

宽，高，绝对定位的左和上，背景图片，背景颜色，投影，描边大小，描边颜色，透明度，

形状图层的圆角大小（只支持圆角矩形），

文字的字体大小，字体名称，字体颜色，行高，字体投影，字体描边

相比于PS自动的右键复制CSS样式的优点

1.该插件比较直观方便，能实时预览图层的CSS样式；

2.该插件支持智能对象的CSS样式，PS的右键菜单不支持智能对象 ；

3.当字体图层自由变换缩放后，PS的复制CSS的字体大小还是缩放之前的大小数值，而这个插件是缩放后的字体大小数值；

4.该插件增加了颜色叠加图层样式对背景颜色CSS的影响判断。

其他说明

1.当存在颜色叠加图层样式并显示时，获取的背景颜色是颜色叠加样式的颜色值（应该比较符合实际情况）；

2.只能获取到线性渐变的CSS，其他的渐变信息获取不到，所以未添加渐变的CSS；

3.由于CSS的混合模式没有PS混合模式那么方便，默认投影，描边和颜色叠加的混合模式都为正常模式；

4.基本上已经满足日常使用，未完善功能：只设计了PS深色主题下的插件样式，其他主题还未完善，设置里面的CSS筛选功能和选中图层自动复制CSS功能未完善。

5.当开始使用插件选中的图层出现undefined无法使用时，选中或新建一个带投影图层样式的图层，即可恢复正常。

6.一键复制的按钮不带换行，最好还是选中后复制。

7.该插件在最新版的PS中测试没有问题，其他PS版本暂未测试。

关于下载和安装

该插件的使用人群应该并不多，前端设计师应该没多少人用PS来设计，有需要的自取，我上传到了百度云

链接: https://pan.baidu.com/s/1LOPxRO_qtBHcuUayYosF_Q?pwd=6666 提取码: 6666

下载该插件，解压到指定文件夹：

Win 64bit：C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\

如果出现未正确签署的错误，需要修改注册表（网上也有教程）：

打开电脑的注册表：HKEY_CURRENT_USER > SOFTWARE > ADOBE

命名为CSXS.版本号，再右侧数值上填上 PlayerDebugMode 1