JSFiddle - React, Tailwind, and code Playground

by isqua

HTML

<div class="test">
</div>

CSS

body
{
    background: red;
}

.test
{
    width: 100px;
    height: 100px;
    margin: auto;
    background: #fff;
    background:
        -webkit-radial-gradient(0 0, circle, rgba(255,255,255,0) 14px, #fff 15px),
        -webkit-radial-gradient(100% 0, circle, rgba(255,255,255,0) 14px, #fff 15px),
        -webkit-radial-gradient(100% 100%, circle, rgba(255,255,255,0) 14px, #fff 15px),
        -webkit-radial-gradient(0 100%, circle, rgba(255,255,255,0) 14px, #fff 15px);
    background-size: 15px 15px;
    background-repeat: no-repeat, no-repeat;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
}