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. css - vertically align text
2. Applying floats and clearfix to block elements
3. position:fixed
4. Applying floats to inline elements
5. css specificity interview question