moving fire

by James Doyle

HTML

<div class="background">
    <h1>FIRE</h1>
</div>

CSS

body{background:#000;}
h1 {
    text-align: center;
    margin: 150px auto 0px;
    font-family: "League-Gothic", Courier;
    font-size:5em;
    text-transform: uppercase;
    color: white;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: fireani;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes fireani {
    from {
        
}

to {
    text-shadow:0 0 8px white, 0 -5px 12px #FFFF33, 2px -10px 18px #FFDD33, -2px -15px 30px #FF8800, 2px  -25px 50px #FF2200;
}

}/*end of @declaration*/