JSFiddle - React, Tailwind, and code Playground

by Ali Uygur

HTML

<div class="kutu">
     <h1>CSS INSET <br>
        TEXT-SHADOW</h1> 
</div>

<div class="kutu1">
     <h1>CSS INSET <br>
        TEXT-SHADOW</h1> 
</div>

CSS

.kutu {
    font: bold 28px Georgia, Serif;
    display:block;
    position:absolute;
    z-index:2;
    text-align:center;
    color: #000;
    font: bold 28px Georgia, Serif;
    text-decoration: none;
    outline: none;
    vertical-align: middle;
}
.kutu1 {
    display:block;
    position:absolute;
    text-align:center;
    left:15px;
    top:15px;
    z-index:1;
    color: #5e5e5e;
    font: bold 28px Georgia, Serif;
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
    -ms-filter:'progid:DXImageTransform.Microsoft.Blur(pixelradius=5)';
}