style>
.list-horizontal-scroll {
display: flex; /* Alinea los elementos en una fila horizontal */
cursor: grab; /* Muestra un cursor de agarre */
}
.list {
display: flex; /* Asegura que los elementos dentro de .list estén en línea horizontal */
animation: list-horizontal-scroll 25s linear infinite; /* Agrega 'linear' para animación constante */
}
@keyframes list-horizontal-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); } /* Ajusta esto para un bucle perfecto */
}
.list-horizontal-scroll:hover .list {
animation-play-state: paused;
}
.list-horizontal-scroll:active {
cursor: grabbing; /* Cambia el cursor al estar en uso */
}
Al hacer clic en "Aceptar", nos das permiso para guardar cookies en tu dispositivo. Esto mejora tu experiencia, analiza el uso del sitio y apoya nuestros esfuerzos de marketing. Más detalles en nuestra Política de Privacidad.