Simple Image Crossfade Slideshow – CSS Animation
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...