Need help with PhotoshopCopyCSS?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Linrstudio
123 Stars 29 Forks 7 Commits 3 Opened issues

Description

改进 Photoshop 自带的 复制 CSS 功能

Services available

!
?

Need anything else?

Contributors list

# 388,486
JavaScr...
7 commits

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

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.