When applying CSS3 inset box-shadow or border-radius in a straight line to the image constituent, the browser doesn't leave the CSS style perfectly. On the other hand, if the image is used as background-image, you can add any style to that image and have it provided properly. There are so many tutorials on how to use jQuery to make ideal rounded corner images enthusiastically. For making the image active you can use the jQuery for this kind of effect. And for that span tag is used as the background image. Then the image is used as the background image and you can also add any style to the image. After that you can use it in any browser which supports borders, radius and shadow.

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can add any style to it and have it rendered properly. Darcy Clarke and I put a quick tutorial together on how to use jQuery to make perfect rounded corner images dynamically.

Applying CSS3 image style inset box-shadow and border reduce directly to the image element, the browser doesn't render the CSS sytle perfectly.