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 making your web design process easier by keeping your beautiful web designs the way you intended them visually when going from Photoshop to markup.

8 comments:

  1. Nice info! Thanks for such great post!

    http://best-it-solution.blogspot.com/

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

    ReplyDelete
  3. congratulations
    guys, quality information you have given!!!



    Buy Backlinks Birmingham

    ReplyDelete
  4. Webzin
    Infotech

    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

    ReplyDelete
  5. Webzin Infotechprovides ecommerce solutions tailored to your specific business needs.
    web
    design companies in India

    ReplyDelete
  6. 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.

    ReplyDelete
  7. 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

    ReplyDelete
  8. 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
    interesting.

    ReplyDelete

ShareThis

 

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...