Be the first user to complete this post

  • 0
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:

  1. Making max width work in internet explorer
  2. How to horizontally center a flexible width button using only css
  3. center using css
  4. simple css reset
  5. Getting the parameters and arguments of a javascript function
  6. pseudo elements vs pseudo classes
  7. Getting started with localStorage vs sessionStorage in html5
  8. Testing promise sequence using mocha, chai, chai-as-promised, sinon