by Linrstudio

Linrstudio / PhotoshopCopyCSS

改进 Photoshop 自带的 复制 CSS 功能

124 Stars 31 Forks Last release: Not found 7 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:


用于增强 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 格式功能


  • 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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.