CSS3 realisiert Textreliefeffekt, Gravureffekt, Flammentext

<Stil>
        Körper{
            Hintergrund: #ccc;     
            }
        div{
           Schriftgröße: 80px;      
           Farbe: #ccc;         
        }
        .tu{       
           Textschatten: 1px 1px 1px #000, -1px -1px 1px #fff;
        }
        .ao{        
           Textschatten: -1px -1px 1px #000, 1px 1px 1px #fff;
        }
        .Feuer{
            /* Textausrichtung: zentriert; */
            Schriftart: fett 60px Microsoft YaHei;
            Farbe: #F00;
            Polsterung: 30px;
            Textschatten: 0 0 4px #FFF, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 10px #f80, 2px -25px 20px #f20;
        }
    </Stil>

<Text>
    <!-- Kastenschatten -->
    <!-- Textschatten -->
    <!-- Erleichterung -->
    <!-- Gravur-->
    <!-- Flammentext -->
    <div class="tu">Erhabener Text</div>    
    <div class="ao">Konkaver Text</div>
    <div class="fire">Flammentext</div>
    <!-- <div>TEXTSCHATTEN</div> -->
</body>