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 - align text to an image vertically
2. Difference between async and defer attributes in script tags
3. gzip compress and cache api response in express
4. simple css reset
5. Progressive enhancement vs Graceful degradation