Circular in css

In this article i will show you how to create a circle with pure CSS.

HTML CODE:

<div class="circle"></div>

CSS CODE:

.circle {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    background: #333;
}

DEMOSTRATION: