Анимация синего квадрата

by fersterin

HTML

<div></div>

CSS

div {
	background: blue;
	width: 100px;
	height: 100px;
	position: relative;
	animation: dog 4s steps(120) alternate;
}

@keyframes dog {
	from { left: 0;}
	to { left: 500px;}
}