Photoshop layers to CSS with clean and clear style sheets becomes simple with Layer Kit – CSS View. Translate your PSD layers to CSS with advanced support for text, images and shapes.
Get Layer Kit Pro to add layer effects, imaging options and more with CSS View.
Example Image Element
Example Text Element
font-family: MyriadPro-Regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
Example Shape Element
Using Layer Kit Pro, you can customize the CSS View to include additional information with the PSD layer such as effects, advanced text rendering and more.
Example Layer Effects
-ms-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
-o-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
-webkit-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
-moz-box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
box-shadow:inset 2px 3px 3px 0px rgba(255,255,255,1);
border: 3px solid #409EC1;
Are You An Export Kit Member?
Why Register with Export Kit?
New memebers have instant access to the exclusive 2 Week Free Trial and Free Online Training to learn, test and explore what Export Kit can do for your design - register now! Is Registration Free?
Yes! Members have access to Free PSD Templates and can start their Free Trial instantly.
Enter Your Email to Download
Members can login now to skip this step.
Save Time and Money
Enhance your PSD, AI or INDD creative experience with Export Kit's powerful Lightning Storm plugin. Download the latest version now and start banking your time today!
From Design to Interactive in Minutes
Select a tutorial to start your first export now.