body {
  background-image : url("WB00516_.gif");
  background-repeat: repeat;
  background-color: #cccccc;
}
body p {
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.bounce {
 height: 100px;	
 overflow: hidden;
 position: relative;
 background: yellow;
 color: black;
 border: 4px solid orange;
}
.bounce p {
 position: absolute;
 width: 100%;
 height: 0%;
 margin: 0;
 line-height: 100px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:60px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(50%);
 -webkit-transform:translateX(50%);	
 transform:translateX(50%);
 /* Apply animation to this element */	
 -moz-animation: bouncing-text 5s linear infinite alternate;
 -webkit-animation: bouncing-text 5s linear infinite alternate;
 animation: bouncing-text 5s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes bouncing-text {
 0%   { -moz-transform: translateX(30%); }
 100% { -moz-transform: translateX(-30%); }
}
@-webkit-keyframes bouncing-text {
 0%   { -webkit-transform: translateX(30%); }
 100% { -webkit-transform: translateX(-30%); }
}
@keyframes bouncing-text {
 0%   { 
 -moz-transform: translateX(30%); /* Browser bug fix */
 -webkit-transform: translateX(30%); /* Browser bug fix */
 transform: translateX(30%); 		
 }
 100% { 
 -moz-transform: translateX(-30%); /* Browser bug fix */
 -webkit-transform: translateX(-30%); /* Browser bug fix */
 transform: translateX(-30%); 
 }
}