Social Icons

twitterfacebooklinkedinbehancerss feedemail

Thursday, December 26, 2013

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 — keeping your designs the way you intended them visually when going from Photoshop to markup.


  1. Thanks for sharing this valuble information and it is useful for me. we also providesweb design and web developement services

  2. Nice info! Thanks for such great post!

  3. Awesome article … It shows whole new way to the interesting resources. Thanks for sharing your views among us and its great time spending on this. Keep up the excessive work.

  4. Webzin Infotech Offers
    web design services with a budget that suits your pocket..Get a free quote :
    Web Design
    Company India

  5. congratulations
    guys, quality information you have given!!!

    Buy Backlinks Birmingham

  6. Webzin

    offers Social
    Media, which is the most effective way to build your websites popularity while
    gaining the ability to spread your information across dozens of Social Networks
    with a single click. Mobile
    ecommerce India

  7. Webzin Infotechprovides ecommerce solutions tailored to your specific business needs.
    design companies in India

  8. I’ve read your posts before,
    excellent stuff from you, dude! Fantastic sharing. You manage to keep it smart
    and interesting. Will bookmark this blog and visit regularly to get more.

  9. I'm not sure where you are getting your info, but great topic. I needs to spend some time learning much more or understanding more. Thanks for excellent info I was looking for this info for my mission. Web Development in lahore

  10. A service provider that offers shared hosting or dedicated UAE Web Hosting service or services to customers. Hosting services are most often used for hosting Web sites but can also be used for hosting files, images, games and similar content.

  11. Interesting post! Keep on offering excellent resources. Thanks for the great ideas, and keep them coming for the best information. You are doing best to keep blogging




What We Do...

Queens Web Design and Graphics is a web and graphic design company in Queens, NY specializing in providing local businesses with affordable websites offering design, animation and multimedia services. Learn More...