Advertisement
Advertisement
Advertisement
Advertisement
by Adi Purdila
Length:QuickLanguages:
Today I'm going to show you a Photoshop plugin which aims to greatly improve your workflow. It's called CSS Hat and it turns your Photoshop layers directly into valid CSS3.
Sponsored Content
This is a sponsored review or giveaway of a product/service that's particularly relevant to our readers.
The Screencast
Further Information
- Download: You can grab CSS Hat from its homepage.
- Compatibility: CSS Hat is compatible with Photoshop CS4 and upwards, on Mac OS X and Windows.
- LESS Hat: A bunch of smart LESS mixins.
- Prefixes: Forget having to cater for multiple browser vendors, CSS Hat will prefix all your styles for you.
- CSS Preprocessors: CSS Hat also supports output for SASS, LESS and Stylus.
What Can CSS Hat do?
CSS Hat supports the following layer properties:
- Gradient/Solid color fill layer
- Drop Shadow
- Inner Shadow
- Inner Glow
- Outer Glow
- Opacity
- Gradient Overlay
- Text Layers
- Color Overlay
- Stroke
- Border Radius



Advertisement
Advertisement
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyAdvertisement
Translations
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this postPowered by![Native Native]()

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.