2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

2 Resources To Convert Photoshop Drop Shadows And Gradients To Cross Browser CSS

Whenever I am coding up PSDs into HTML and CSS, there are two handy online resources I always have open in my browser. One is for converting Photoshop gradients and the other is for drop shadows and text shadows.

First, The Ultimate CSS Gradient Generator by Colorzilla is a powerful gradient editor that will generate cross browser css. The other is PSD to CSS3 which allows you to convert photoshop drop shadows to CSS3 box & text shadows. Just copy and paste your settings from your Photoshop layers into both of these tools and they will generate the corresponding CSS. And best of all, both of these tools are very accurate making your web design process easier by keeping your beautiful web designs the way you intended them visually when going from Photoshop to markup.