CSS3はテキストのレリーフ効果、彫刻効果、炎のテキストを実現します

<スタイル>
        体{
            背景: #ccc;     
            }
        div{
           フォントサイズ: 80px;      
           色: #ccc;         
        }
        .tu{       
           テキストシャドウ: 1px 1px 1px #000, -1px -1px 1px #fff;
        }
        .ao{        
           テキストシャドウ: -1px -1px 1px #000, 1px 1px 1px #fff;
        }
        。火{
            /* テキスト配置: 中央; */
            フォント: 太字 60px Microsoft YaHei;
            色: #F00;
            パディング: 30px;
            テキストシャドウ: 0 0 4px #FFF、0 -5px 4px #ff3、2px -10px 6px #fd3、-2px -15px 10px #f80、2px -25px 20px #f20;
        }
    </スタイル>

<本文>
    <!-- ボックスシャドウ -->
    <!-- テキストシャドウ -->
    <!-- 安心 -->
    <!-- 彫刻-->
    <!-- 炎のテキスト -->
    <div class="tu">浮き彫りのテキスト</div>    
    <div class="ao">凹型テキスト</div>
    <div class="fire">炎のテキスト</div>
    <!-- <div>テキストシャドウ</div> -->
</本文>