<style type="text/css">  

    h2 span{  
        font-size: 150%;
        float:left;  
        position: relative;  
    }  

    h2 span:nth-child(1){  
        -webkit-animation:jump 1s linear 0s infinite alternate;  
    }  

    h2 span:nth-child(2){  
        -webkit-animation:jump 1s linear 0.2s infinite alternate;  
    }  

    h2 span:nth-child(3){  
        -webkit-animation:jump 1s linear 0.4s infinite alternate;  
    }  

    h2 span:nth-child(4){  
        -webkit-animation:jump 1s linear 0.6s infinite alternate;  
    }  

    h2 span:nth-child(5){  
        -webkit-animation:jump 1s linear 0.8s infinite alternate;  
    }  

    h2 span:nth-child(6){  
        -webkit-animation:jump 1s linear 1.0s infinite alternate;  
    }  

   h2 span:nth-child(7){  
        -webkit-animation:jump 1s linear 1.2s infinite alternate;  
    }  

    @-webkit-keyframes jump  
    {  
        0%{  
            top:0px;  
            color:red;  
        }  
        50%{  
            top:-10px;  
            color:green;  
        }  
        100%{  
            top:10px;  
            color:blue;  
        }  
    }  

</style>