Tạo slideshow bằng HTML Và CSS
HTML
CSS
body {
padding: 2%;
text-align: center;
}
#slideshow {
overflow: hidden;
height: 510px;
width: 728px;
margin: 0 auto;
}
.slide-wrapper {
width: 2912px;
-webkit-animation: slide 14s ease infinite;
}
.slide {
float: left;
height: 510px;
width: 728px;
}
@-webkit-keyframes slide {
20% {margin-left: 0px;}
30% {margin-left: -728px;}
50% {margin-left: -728px;}
60% {margin-left: -1456px;}
80% {margin-left: -1456px;}
}
