.slider { width: 300px; height: 200px; overflow: hidden; margin: 0 auto; } .slider-item { width: 300px; float: left; } img{ width:100%; } .slider-inner { width: 300%; animation: slider 10s infinite ease; } @keyframes slider { 0% { transform: translateX(0); } 33% { transform: translateX(-300px); } 66% { transform: translateX(-600px); } 100% { transform: translateX(0); } }