.runText{width:60px;height:20px;background:rgba(20,40,250,0.1);color:#ffffff;padding:4px 0;top:0px;position:relative;font-weight:bold;font-size:16px;text-align:center;animation:runText 10s infinite;-moz-animation:runText 10s infinite;-webkit-animation:runText 10s infinite;border-radius:5px;-webkit-border-radius:5px;clear:both;}
.runSub1{animation-delay:1s;-webkit-animation-delay:1s;}
.runSub2{animation-delay:2s;-webkit-animation-delay:2s;}
.runSub3{animation-delay:4s;-webkit-animation-delay:4s;}
@keyframes runText{
0%{transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
15%{transform: rotate(360deg);left:20%;padding:6px 0;background:rgba(172,209,233,0.6);top:-2px;}
25%{transform: rotate(0deg);left:45%;padding:8px 0;background:rgba(72,109,233,0.6);top:-6px;}
35%{transform: rotate(360deg);left:80%;padding:6px 0;background:rgba(20,40,250,0.1);top:-2px;}
50%{transform: rotate(0deg);left:95%;padding:4px 0;background:rgba(72,89,133,0.6);top:0px;}
65%{transform: rotate(-360deg);left:80%;padding:8px 0;background:rgba(172,209,233,0.6);top:-6px;}
85%{transform: rotate(-360deg);left:20%;padding:8px 0;background:rgba(2,109,210,0.6);top:-6px;}
100%{transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
}

@-webkit-keyframes myfirst{
0% {background:red; left:0px; top:0px;}
20% {background:yellow; left:5%; top:0px;}
40% {background:yellow; left:5%; top:0px;}
60% {background:yellow; left:5%; top:0px;}
80% {background:blue; left:5%; top:0px;}
100% {background:red; left:0px; top:0px;}
}
@-webkit-keyframes runText{
0%{-webkit-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
15%{-webkit-transform: rotate(360deg);left:20%;padding:6px 0;background:rgba(172,209,233,0.6);top:-2px;}
25%{-webkit-transform: rotate(0deg);left:45%;padding:8px 0;background:rgba(72,109,233,0.6);top:-6px;}
35%{-webkit-transform: rotate(360deg);left:80%;padding:6px 0;background:rgba(20,40,250,0.1);top:-2px;}
50%{-webkit-transform: rotate(0deg);left:95%;padding:4px 0;background:rgba(72,89,133,0.6);top:0px;}
65%{-webkit-transform: rotate(-360deg);left:80%;padding:8px 0;background:rgba(172,209,233,0.6);top:-6px;}
85%{-webkit-transform: rotate(-360deg);left:20%;padding:8px 0;background:rgba(2,109,210,0.6);top:-6px;}
100%{-webkit-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
}
@-moz-keyframes runText{
0%{-moz-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
15%{-moz-transform: rotate(360deg);left:20%;padding:6px 0;background:rgba(172,209,233,0.6);top:-2px;}
25%{-moz-transform: rotate(0deg);left:45%;padding:8px 0;background:rgba(72,109,233,0.6);top:-6px;}
35%{-moz-transform: rotate(360deg);left:80%;padding:6px 0;background:rgba(20,40,250,0.1);top:-2px;}
50%{-moz-transform: rotate(0deg);left:95%;padding:4px 0;background:rgba(72,89,133,0.6);top:0px;}
65%{-moz-transform: rotate(-360deg);left:80%;padding:8px 0;background:rgba(172,209,233,0.6);top:-6px;}
85%{-moz-transform: rotate(-360deg);left:20%;padding:8px 0;background:rgba(2,109,210,0.6);top:-6px;}
100%{-moz-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
}
@-o-keyframes runText{
0%{-o-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
15%{-o-transform: rotate(360deg);left:20%;padding:6px 0;background:rgba(172,209,233,0.6);top:-2px;}
25%{-o-transform: rotate(0deg);left:45%;padding:8px 0;background:rgba(72,109,233,0.6);top:-6px;}
35%{-o-transform: rotate(360deg);left:80%;padding:6px 0;background:rgba(20,40,250,0.1);top:-2px;}
50%{-o-transform: rotate(0deg);left:95%;padding:4px 0;background:rgba(72,89,133,0.6);top:0px;}
65%{-o-transform: rotate(-360deg);left:80%;padding:8px 0;background:rgba(172,209,233,0.6);top:-6px;}
85%{-o-transform: rotate(-360deg);left:20%;padding:8px 0;background:rgba(2,109,210,0.6);top:-6px;}
100%{-o-transform: rotate(0deg);left:0px;padding:4px 0;background:rgba(20,40,250,0.1);top:0px;}
}