JSFiddle - React, Tailwind, and code Playground

by c_vilander

HTML

<div class="text"><h1>Shadow</h1></div>

<div class="shadow"><h1>Shadow</h1></div>

CSS

body {
    background: #000;
}
h1 {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 66px;
    color: #fff;
}

.text {
    position: absolute;
    top: 50px;
    left: 50px;
}

.shadow {
    position: absolute;
    top: 100px;
    left: 50px;
    
    -webkit-transform:rotateX(180deg);
            transform:rotateX(180deg);
}