Bootstrap rounded corners, rounded avatars and responsive pictures/css3 rounded corners, picture shadows effect Summary

1, Bootstrap provides four kinds of styles for class, namely:
. img-rounded: Rounded corners (IE8 not supported), add border-radius:6px to get picture fillet
. Img-circle: Round (IE8 not supported), add border-radius:50% to make the whole picture turn round
. Img-thumbnail: Thumbnail feature, add some padding (padding) and a gray border
. img-responsive: Picture-responsive (adaptive screens of all sizes)

How to use:
(1) Bootstrap library Import does not say, the original image as follows (PNG, with a small fillet, background transparent):

(2) Add the class style directly to class:

The effect is as follows:

(3) Take the fillet as an example, add a shadow effect to compare:
Add the following code:

Such as:

Continue to fix the fillet and add the following code:

Such as:

Bootstrap rounded corners, rounded avatars and responsive pictures/css3 rounded corners, picture shadows effect Summary