Create CSS in an intuitive way: LayerStyles HTML5 App

Posted on October 20, 2011, under HTML & CSS,  Bookmark it

LayerStyles is a HTML5 App that has an interface similar to Photoshop’s Layer Style Window. Works in the browser and generates CSS code.

Styles included are:

  • Drop Shadow
  • Inner Shadow
  • Background
  • Border
  • Border Radius

Highlights:

  • Colorpicker can pick any color of the element your working on
  • Drag and Drop images onto the page to use them as a background or to pick their colors
  • Color Swatches, Gradients and Styles are locally stored

  • Source: http://www.layerstyles.org/
  • GitHub: https://github.com/mrflix/LayerStyles

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)