Scrolling banner - banner dinamico en desplazamiento horizontal - imagen - marquee- html

Perdón, para copiar el código, seleccionas todo el texto con el cursor, lo resaltas o marcas. Y luego simplemente pulsas ctrl+c para copiar.

Pues el código html sería el siguiente. la parte de estilo la puedes coloar en cualquier parte del código html, no hace falta que este en la parte head..

"
<style>
.cajacompleta {

 height: 110px;   
<!-- modificar altura banner completo -->

 overflow: hidden;
 position: relative;
}

.cajacompleta h3 {

 font-size: 1em;
<!-- modificar tamaño letra-->

 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;

 line-height: 22px;
<!--modificar altura tamaño espacio texto-->

 text-align: center;

 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);   
 transform:translateX(100%);

 /* Apply animation to this element */   
 -moz-animation: cajacompleta 22s linear infinite;
 -webkit-animation: cajacompleta 22s linear infinite;
 animation: cajacompleta 22s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes cajacompleta {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes cajacompleta {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes cajacompleta {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);        
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}
</style>

<!-- style from https://www.quackit.com/html/codes/html_marquee_code.cfm
 finfinfifnifnininfdnfdnsaindfisai-->

<div class="example1">
<h3>
<a target="_blank" href="https://es.gearbest.com/promotion-Venta-de-campin-Fin-de-verano-special-3004.html?lkid=15305744"><img src="https://uidesign.gbtcdn.com/GB/images/promotion/2018/summer_sale/eyu/esaa.jpg?imbypass=true" width="500" alt="Gearbest Ventas Verano GearBest Promocion 4 articulos por 10$ y novedades" title="Gearbest Ventas Verano GearBest Promocion 4 articulos por 10$ y novedades" /><br/>Ventas Verano GearBest Promocion 4 articulos por 10$ y novedades</a>
</h3>
</div>
"

Subrayado entre las etiquetas de Título tamaño H3 es dónde escribes tu enlace y banner, que se desplazará de derecha a izquierda.

El ejemplo sería lo siguiente:

Ventas Verano GearBest Promocion 4 articulos por 10$ y novedades