Circular Icons With A Massive Border Radius

Elements by nature are rectangular. By adding some border-radius, you can soften the edges a bit. If you add a massive amount of border-radius, you effectively make the element round.

div.circle {
  border-radius: 50000px;
}

Here is a live example.

Last updated