Copy CSS from Photoshop Layers

Duplicate CSS creates Cascading Style Sheet (CSS) properties from shape or content layers. The CSS is duplicated to the clipboard and can be stuck into a template. For shapes it catches esteems for the accompanying:

• size
• position
• stroke color
• fill color (including gradients)
• drop shadow

For text layers, Copy CSS also captures the following values:

•         font family
•         font size
•         font weight
•         line height
•         underline
•         strikethrough
•         superscript
•         subscript
•         text alignment

Duplicating CSS from a layer bunch containing shapes or content makes a class for each layer just as a Group class. The Group class speaks to a parent div containing youngster divs that relate to the layers in the gathering. The top/left qualities for the kid divs are corresponding to the parent div.

In the Layers panel, do one of the following:

• Right-click a shape/text layer or layer group and choose Copy CSS from the context menu.

• Select a shape/text layer or layer group and choose Copy CSS from the Layers panel menu.

Paste the code into your style sheet document.