Bounce Effect html and css

HTML

                               <h1>
                                    <b style="color:#ffffff;">Tel. No.:</b>
                                    <span style="color: #ef4daa;">0</span>
                                    <span style="color: #ef4daa;">2</span>
                                    <span style="color: #ef4daa;">0</span>
                                    <span style="color: #ef4daa;">7</span>
                                    <span style="color: #f7ad00;">2</span>
                                    <span style="color: #f7ad00;">4</span>
                                    <span style="color: #f7ad00;">7</span>
                                    <span style="color: #ef4daa;">7</span>
                                    <span style="color: #ef4daa;">0</span>
                                    <span style="color: #ef4daa;">0</span>
                                    <span style="color: #ef4daa;">0</span>

                                </h1>
Css

h1 span:nth-child(2) {

1. animation-delay: .1s;

}

h1 span {

1. position: relative;
2. top: 20px;
3. margin-top: 0px;
4. margin-bottom: 0px;
5. display: inline-block;
6. animation: bounce 1.3s ease infinite alternate;
7. font-family: 'Titan One', cursive;
8. font-size: 50px;
9. color: #FFF;
10. font-weight: 700;

}

shahzad_samejo@yahoo.com