Wednesday, October 16

Uncategorized

Simple Image Crossfade Slideshow – CSS Animation

Simple Image Crossfade Slideshow – CSS Animation

CSS Animation, Uncategorized, Web Development
Before starting you have to make one folder and put four images in this folder which you want to the slideshow. HTML <!DOCTYPE html> <html> <head> <title> Simple Image Crossfade Slideshow - CSS Animation</title> <link rel ="stylesheet" href="style.css"> </head> <body> <div class="wrap"> <ul> <li><img width="800" height="400" src="img-1.jpg"></li> <li><img width="800" height="400" src="img-2.jpg"></li> <li><img width="800" height="400" src="img-3.jpg"></li> <li><img width="800" height="400" src="img-4.jpg"></li> </ul> </div> </body> </html> CSS body { background: gray; } .wrap{ width: 800px; margin: auto; margin-top: 100px; } ul { list-style: none; margin: 0; paddin...