JSFiddle - React, Tailwind, and code Playground

by cvoll

HTML

<div class="filter">

</div>

<div class="box-shadow">

</div>

CSS

.filter {
  margin: 10px;
  background: #FFF;
  width: 40px;
  height: 40px;
  filter: drop-shadow(0 8px 5px rgba(0, 0, 0, 0.12));
  float:left;
  
}

.box-shadow {
  margin: 10px;
  background: #FFF;
  width: 40px;
  height: 40px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
  float: left;
}