3388
ediciones
Cambios
sin resumen de edición
display: table-cell;
vertical-align: middle;
}
.animacion {
display:block;
width:auto;
height:40px;
position:absolute;
font-family:georgia, serif;
font-size:16px;
line-height:40px;
float:left;
width:auto;
color:#000;
font-weight:bold;
padding:0 10px;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:17s;
-webkit-animation-name: scroll;
}
.animacion .a {color:#c00;}
@-webkit-keyframes scroll {
0% {left:90%;}
100% {left:-100%;}
}
.animacion:hover { -webkit-animation-play-state: paused;}
.contenedor {
width:100%;
height:40px;
overflow:hidden;
position:relative;
border:1px solid #aaa;
margin:0 auto;
-o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
-o-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background:#4ad;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}