With the advancement of CSS and HTML web has seen many new and stunning changes and websites are now look more professional and beautiful. Also the beauty of CSS3 is that it eliminates the usage of images and hence it means that your blog will load faster than ever before. CSS3 and HTML5 is going to be the deadliest combination in future and we have already seem many websites using this combination. One of the coolest feature of CSS3 i like the most is shadow feature which is very easy to create and requires no images at all. Some times this can be a tricky specially if you want to create effects like shadow under one side of your image or shadow with blur effect. So for this you need some kind of tool which can easily and rapidly create a source code for you.
What is Online CSS Shadow Generator Tool?
Its a fabulous online Free CSS shadow generator which will give you proper code according to the shadow you want. It has built in 8 shadow styles as well as its fully customizable too. All you have to do is to adjust the settings like blur, opacity, width, height, X and Y co-ordinates and you are done. With real time preview you can see the result and make sure that end result is the one which you wants.
Although you can create your own styles but the owner of this toll has already created 8 stunning and beautiful shadow styles which you can select from the Shadow Style drop box. These shadows can be used with your blog images, icons and avatars.
Changing values is as easy as one two and three. The slider menu let you change values easily and accurately. As you are changing values from the sliders menu, this tool instantly changing the CSS code which you can use rapidly after changes being made. In order to apply the shadows just copy the CSS code to the style sheet of your theme and DIV code where you want the shadow to be render.