#slider > figure >a > img:hover { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari 3-8 */ transform: scale(1.1); } @keyframes slidy { 0% { left: 0%; } 20% { left: 0%; } 35% { left: -100%; } 45% { left: -100%; } 75% { left: -200%; } 85% { left: -200%; } 100% { left: -200%; } } body { margin: 0; } div#slider { overflow: hidden; } div#slider figure img { width: 20%; float: left; } div#slider figure { position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 10s slidy infinite; }