#publicidades #publi2 {
width: 100%;
height: 165px;
margin-top: 1%;
float:right;
background: transparent url(../imagenes/publicidades/Cardon/cardon1.png) no-repeat center;
background: transparent url(../imagenes/publicidades/Cardon/cardon2.png) no-repeat center;
background: transparent url(../imagenes/publicidades/Cardon/cardon3.png) no-repeat center;
background: transparent url(../imagenes/publicidades/Cardon/cardon4.png) no-repeat center;
background-size: contain;
animation: cardon 25s infinite;
-webkit-animation: cardon 25s infinite;
-moz-animation: cardon 25s infinite;
-o-animation: cardon 25s infinite;
}
@keyframes cardon{
0%, 20%{background-image: url(../imagenes/publicidades/Cardon/cardon1.png);}
20%, 40%{background-image: url(../imagenes/publicidades/Cardon/cardon2.png);}
40%, 60%{background-image: url(../imagenes/publicidades/Cardon/cardon3.png);}
60%, 80%{background-image: url(../imagenes/publicidades/Cardon/cardon4.png);}
80%, 100%{background-image: url(../imagenes/publicidades/Cardon/cardon1.png);}
}
/*------------------------------hasta aqui, la primer publicidad funciona correctamente. pero luego quiero hacer lo mismo en otro div con imágenes diferentes y me sale lo que puse anteriormente en mi comentario. el mensaje de error aparece justo en todas las lineas de las imágenes nuevas------------------------------------------*/
#publicidades1 #publi3 {
width: 100%;
height: 165px;
margin-top: 1%;
float:right;
background: transparent url(../imagenes/publicidades/Diseñamos escudos/diseñamos1.jpg) no-repeat center;
background: transparent url(../imagenes/publicidades/Diseñamos escudos/diseñamos2.jpg) no-repeat center;
background-size: contain;
animation: disclubes 25s infinite;
-webkit-animation: disclubes 25s infinite;
-moz-animation: disclubes 25s infinite;
-o-animation: disclubes 25s infinite;
}
@keyframes disclubes{
0%, 20%{background-image: url( ../imagenes/publicidades/Diseñamos escudos/diseñamos1.jpg);}
20%, 40%{background-image: url( ../imagenes/publicidades/Diseñamos escudos/diseñamos2.jpg);}
80%, 100%{background-image: url( ../imagenes/publicidades/Diseñamos escudos/diseñamos1.jpg);}
}