javascript - How do I add a mouseover drop shadow effect for circular images? -

I am trying to achieve something where activating a drop shadow effect hovering over circular images How can I get it? I tried using CSS, but the drop shadow effect resulted in a square shadow.

You can get that effect of CSS3's box-shadow and An example of working here using the transition properties is note that I have used the border-radius property to create a circle.