css - circular profile pictures

Nowadays, circular profile pictures are very popular. It's really simple to create the circular profile picture from a given square image using border-radius. Following example, renders an original square image as well as the circular version of the image. [codepen_embed height="266" theme_id="0" slug_hash="LNrOVQ" default_tab="html,result" user="kavitshah8"]See the Pen circular-profile-pic by Kavit Shah (@kavitshah8) on CodePen.[/codepen_embed]

• border-radius

Also Read:

1. How to set a box shadow on left or right only or just on a single slide
2. Using css3 calc in an attribute value to compute its value at runtime
3. Applying floats to inline elements
4. css specificity interview question
5. Making max width work in internet explorer