JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<section>
    <div>Really Nice!</div>
</section>

CSS

section {
    width:60%;
    height:300px;
    margin:20%;
    position:relative;
    border:1px solid #eee;
}
section:after {
    position:absolute;
    content:"";
    height:10px;
    width:85%;
    left:7.5%;
    border-radius:50%;
    box-shadow:0 0 14px rgba(0,0,0,0.5);
    bottom:0;
    z-index:0;
}
section div {
    font: 70px Arial;
    color:#bbb;
    line-height:300px;
    text-align:center;
    width:100%;
    height:100%;
    background:white;
    position:relative;
    z-index:1;
}