making 3 dots using :after and :before class

by Kheema Pandey

HTML

<span></span>

CSS

span {
    position: relative;
    background-color: blue;
    border-radius: 5px;
    font-size: 0;
    /* margin-left: 20px; */
    padding: 5px;
}

span:before {
    position: absolute;
    left: 20px;
    top: 0;
    content: '';

    background-color: green;
    border-radius: 5px;
    font-size: 0;
    padding: 5px;
}

span:after {
    position: absolute;
    left: 40px;
    top: 0;
    content: '';
    background-color: grey;
    border-radius: 5px;
    font-size: 0;    
    padding: 5px;
}