Inside Photoshop, in order to edit properties of a layer, we go directly to the popular “Layer Styles” window of the application.
This web-based “Layer Styles” application has a very similar look to the one in Photoshop, allows us to play with the properties of an object but generates the output as CSS(3).
Just like Photoshop, it has ready-to-use styles and comes with the menus like:
- drop shadow
- inner shadow
- background
- border
- border-radius
This HTML5 application is open sourced, mimics Photoshop perfectly and worth checking.
Download CSS Creator :LayerStyles
Compatibility: All Modern Browsers
Website: http://www.layerstyles.org/
Download: https://github.com/mrflix/LayerStyles
