<http://schema.org/articleBody>
"CSS Hat is a simple and highly useful Photoshop plugin that generates CSS3 based on your Photoshop layer styles. It's easily one of the most useful Photoshop plugins I've ever seen, and now after much demand (since meeting success on the Mac), the team is releasing CSS Hat on Windows today.\r\n\r\nOf course, this $20 plugin can't do all of your work for you -- there are limitations in CSS3 that prevent it from being able to accurately render things like satin and pattern overlays (note: font properties are coming soon) -- but still, it's a great time saver, especially as CSS3 is new and has yet to be hammered into many Web designer's minds.\r\n\r\nAfter a simple install process, you can access the plugin by going to Window &amp;amp;gt; Extensions &amp;amp;gt; CSS Hat. From there, simply select a layer and click on the CSS Hat panel, where you can view and copy the CSS, add comments, generate vendor-specific prefixes, add the width and height of the selected layer and more.\r\n\r\nhttp://www.youtube.com/watch?feature=player_embedded&amp;amp;amp;v=ZcukMGBeXCE\r\n\r\nMore specifically, here's what CSS Hat can do, according to the creators:\r\nHat works in Photoshop CS4 (or newer), and supports the following layer properties:\r\n\r\n\tgradient and solid color fill layers\r\n\tlayer opacity and fill\r\n\tlayer effects:\r\n\r\n\tdrop shadow\r\n\tinner shadow\r\n\tinner glow\r\n\touter glow\r\n\tgradient overlay\r\n\tcolor overlay\r\n\tstroke\r\n\r\n\r\n\ttext layers:\r\n\r\n\texport of font color and text shadow (more features are in pipeline, suggest one)\r\n\r\n\r\n\twidth and height\r\n\tborder radius \u2014 draw a rounded rectangle or a circle, get border-radius definitions\r\n\r\nOn the export side, CSS Hat outputs pure standards-based CSS3, and also (optionally) vendor prefixed properties for all major browsers. We even render gradients into SVG for Internet Explorer 9. Check out use cases coded with CSS Hat on jsFiddle: musHo's form and Idiot's UI kit.\r\n\r\n\r\nWe first covered this plugin back in April when its creators won the Prague Startup Weekend event. Since then, it has clearly undergone plenty of polish, and has become a go-to resource for me overnight; a tool to help quickly transfer designs from Photoshop to the Web.\r\n\r\n\u27A4\u00A0CSS Hat (for CS4 or newer) -- $19.99"^^<http://www.w3.org/2001/XMLSchema#string>
<http://thenextweb.com/apps/2012/06/28/sweet-css-hat-turns-photoshop-layer-styles-into-css3-now-available-on-windows-and-mac/?fromcat=all>