How to give outer glow to an object in a transparent png using CSS3?

Question

I\'m working on a project where I need to make modifications in more then 500 images to give outerglow on hover effect. I will need to modify each image to give

Answer 1

I found an easy way if you can work with photoshop.

You open the transparent image (example.png) in photoshop and take the blur tool. Then blur the whole image and save as (example-hover.png).

    


#img1:hover{
    background: url('images/example-hover.png') no-repeat 0px 0px;;
}