PhotoshopCopyCSS

PhotoshopCopyCSS copied to clipboard

PhotoshopCopyCSS

用于增强 Photoshop CC “复制CSS” 功能，提升 CSS 代码的真正采用率。

• 自动识别 CSS Sprite 图片，获取 background-position 信息；
• 自动识别是否图标；
• 优化 CSS3 渐变、文字、边框、阴影等 CSS 代码；
• 优化 rgb 成 十六进制颜色；
• 去除冗余 CSS 属性，如 position, z-index, left, top；

下载 download（不再生效）

请在 Download 下载

安装

请将 CopyCSSToClipboard.jsx 此文件拷贝到 Photoshop 程序目录中的 Required 目录 ，如：C:\Program Files\Adobe\Adobe Photoshop CC\Required

开启 Photoshop CC 自动输出 SVG、WebP 格式功能

将以下配置文件（generator.json）拷贝至：

• Windows: (Win+R后输入 %USERPROFILE% )目录下，如 C:\Users\xxx
• Mac OS: $HOME 如“Macintosh HD>Users>xxx” 目录下 WebP 输出暂只支持 Mac OS。

下载 generator.json

请在 Download 下载

版本要求 version requred:

• Photoshop CC (14.2+) for Windows