JSFiddle - React, Tailwind, and code Playground

3D Looking text with multiple text-shadow.

by clawfire

HTML

<h1>GIGANT TEXT</h1>

CSS

body
{
    background: #EEEEEE; /* old browsers */
    background: -moz-linear-gradient(top, #EEEEEE 0%, #B5B5B5 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(99%,#B5B5B5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#B5B5B5',GradientType=0 ); /* ie */
    text-align:center;
}
h1
{
    margin: 40px;
    color:#333;
    font: 120px Helvetica Neue, Arial, sans-serif;
    font-weight:bold;
    text-shadow:0 1px 0 rgba(255,255,255,0.8), 0 4px 0 #aaa, 0 6px 5px #000;
}