¿Cómo hacer un carrusel?
Nuestro primer paso es enmarcar toda la caja del carrusel y lo que necesita. (La imagen se adjunta para evitar espacios en blanco al cambiar de imagen en el carrusel).
Luego, establezca el tamaño del marco del carrusel y el estilo de los botones internos. Inicialice la página con CSS antes de configurar el estilo.
Establezca el tamaño del marco del carrusel y el tamaño de la imagen del carrusel. (Acerque el navegador al 50% de lo que ve)
Establezca la posición para fijar la imagen en el carrusel y luego configure la primera imagen que el carrusel muestra inicialmente para que aparezca en el carrusel (debe configurar el estilo en línea para conseguirlo).
Establece cuatro botones (no necesariamente puntos, pero también pueden ser otros) para cambiar de imagen en el carrusel.
Pensando
Principalmente a través de un cuadro de presentación y un cuadro de almacenamiento de imágenes. El tamaño del cuadro de presentación es el tamaño de la imagen que se mostrará en el carrusel, o el tamaño de un. imagen. . Pero el ancho de la caja de almacenamiento debe ser lo suficientemente grande como para permitir que todas las imágenes floten horizontalmente. Luego oculte la parte desbordante de la caja de almacenamiento y luego llame a la animación.
Explicación detallada de la animación
@keyframes se refiere a cada imagen en el proceso de animación, que también se puede decir que es cada cuadro de la película. Podemos configurar cada pantalla de 0 a 100.