Pinterest Stumbleupon Whatsapp

If you are a web designer and want to quickly generate shadows for an image using CSS, check out the CSS3 Drop Shadow Generator (by Theme Shock), which lets you do just that. The tool is instant and lets you view the results and the respective generated CSS code immediately on the right hand side.

First, choose among 8 different shadow styles: bottom, top, sides, bottom left and right, top right & bottom left and top left & bottom right. After you choose your shadow style you can adjust the width and height of the image, change the direction of the shadow, blur it and change opacity. Once you like the result, simply copy the generated CSS code and use it in your website or blog.

generate css3 shadow


Check out CSS3 Drop Shadow Generator @

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Ru
    April 13, 2016 at 10:49 am

    This is NOT drop shadow, this is BOX shadow. People seem to confuse those. Box shadow is only rectangular shape, whereas drop shadow fully repeats the shape of the object.

  2. Anonymous
    May 27, 2011 at 3:45 pm

    Hello makeuseof friends ! It's simply great to read this review, thanks a lot ! We hope the tool can result useful for lots of users and web professionals ! And of course we will be releasing some other fantastic tools soon :) Have a great day and thanks again ... !