This article was published on July 28, 2011

Generate CSS code with this Photoshop layer styles emulator


Generate CSS code with this Photoshop layer styles emulator
Joel Falconer
Story by

Joel Falconer

Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found g Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found gaming or consulting. Follow Joel on Twitter.

We’ve seen a lot of CSS wizards in the last year, particularly those that showcase the new features of CSS3. Here’s one we like even more: LayerStyles.

Here’s a generator that’s particularly cool because it emulates the Photoshop layer styles window. If you’re not into design the novelty might escape you, but if you are, here’s a fun way to generate some of that CSS code if you just don’t feel like writing out a million vendor-specific prefixes today.