Объемная надпись

dabblet.css

/**
 * Объемная надпись
 */


        body {
            background: #060;
        }
        .hollywood {
            color: #ffbf00;
            text-transform: uppercase;
            text-shadow:0px 0px 0 rgb(214,150,-41),
                        1px 1px 0 rgb(203,139,-52),
                        2px 2px 0 rgb(192,128,-63),
                        3px 3px 0 rgb(182,118,-73),
                        4px 4px 0 rgb(171,107,-84),
                        5px 5px 0 rgb(160,96,-95),
                        6px 6px 0 rgb(149,85,-106),
                        7px 7px 0 rgb(138,74,-117),
                        8px 8px 0 rgb(127,63,-128);
            letter-spacing: .2ex;
            font-weight:bold;
            font-size: 93px;
            font-family: Arial, sans-serif;
            line-height: 1em;
        }

        .hollywood span:nth-child(2) {
            vertical-align: -5px;
        }
        .hollywood span:nth-child(3) {
            vertical-align: -10px;
        }
        .hollywood span:nth-child(5) {
            vertical-align: 5px;
        }
        .hollywood span:nth-child(6) {
            vertical-align: 5px;
        }
        .hollywood span:nth-child(7) {
            vertical-align: 10px;
        }
        .hollywood span:nth-child(8) {
            vertical-align: 5px;
        }

dabblet.html

    <p class="hollywood">
        <span>h</span><span>o</span><span>l</span><span>l</span><span>y</span><span>w</span><span>o</span><span>o</span><span>d</span>
    </p>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}