Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

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.