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.
  Support of blending modes!
• Overlays and layer fill ⇝ merged background.
• Recognized rectangle ⇝ border-radius, transform, width and height.
• 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

0. Wait while developed and participate if you wish
1. Install Photoshopr.exp as extension
2. Open Window → Extensions → Photoshopr
3. 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!