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]

Further Reading :

You may also like...

Leave a Reply

Your email address will not be published.