Cómo implementar carrusel usando html5 css3

1. Primero, creamos un proyecto simple, que incluye html, css e img, como se muestra en la figura.

2. El siguiente es el archivo html, que presenta los archivos de código css y html, como se muestra en la figura.

3. El siguiente es el código del archivo CSS, el anterior es el código de efecto para div y visualización de imágenes, y el siguiente es el efecto de animación.

4. Los siguientes son eventos que definen el estado de cuatro períodos de tiempo y son compatibles con IE.

5. Como se muestra en la imagen, aquí está la representación y la siguiente imagen se mostrará en rotación según el tiempo.