JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<div class="test1"></div>

<div class="test2"></div>

<div class="test3"></div>

<div class="test4"></div>

CSS

body {
   
}

div {
    width: 100px;
    height: 100px;
    margin: 40px;
}

.test1 {
    box-shadow: 0 0 20px #fff;
}

.test2 {
    box-shadow: 0 0 20px 20px #fff;
}

.test3 {
    box-shadow: inset 0 0 20px #fff;
}

.test4 {
    box-shadow: inset 0 0 20px 20px #fff;
}