Be the first user to complete this post
|
Add to List |
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 :
Also Read:
- position:fixed
- css: margin does not work
- css - align text to an image vertically
- es6 iterators and iterables - creating custom iterators
- nodejs: generate uuid / guid