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. Making max width work in internet explorer
2. Two column layout in css
3. Using css3 calc in an attribute value to compute its value at runtime
4. Applying floats and clearfix to block elements
5. Error: can not find module 'underscore'