Photoshopr
Photoshop script that converts layer effects to CSS string in one click. It supports shadows, glows, gradient & color overlay, stroke, text-shadow & text-color and other.
Install / Use
/learn @scrapjs/PhotoshoprREADME
Photoshop extension that converts layer properties to CSS
The project is abandoned, might be useful only to fork
Besides, makes a plenty of other goods, as listed below.
But for now it is far from use. Currently developing graphics library – the basis for this plugin.
Features
- Shadown and glows ⇝
box-shadow. <br/>Support of blending modes! - Overlays and layer fill ⇝ merged
background. - Recognized rectangle ⇝
border-radius,transform,widthandheight. - Not rectangle vector mask ⇝ SVG in
background: url(data:image/svg+xml,…). - Pattern fill ⇝
background: url(data:image/png,…) - Character & Paragraph ⇝
font-*&text-*. - Multiple selected layers ⇝ composite style.
- Optional browser prefixes, color formats and other settings.
Usage
- Wait while developed and participate if you wish
- Install
Photoshopr.expas extension - Open Window → Extensions → Photoshopr
- Select layer and press Get CSS
License
I didn’t think about it yet. So, if you want to take it for free – you’re welcomed!
