JSFiddle - React, Tailwind, and code Playground

by adamschwartz

HTML

<div class="dot"></div>

CSS

body {
    margin: 20px;
}

.dot {
    box-shadow: -1px 0 rgba(0, 0, 0, 0.1), 1px 0 rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.1);
    padding: 1px;
    width: 0px;
    height: 0px;
    background: rgba(0, 0, 0, 0.2);
}