CSS animation

by Dan Fabulich

HTML

<div class=container>
<div class=animated>
</div></div>

CSS

.container {
	position: relative;
	width: 80%;
	height: 100px;
	border: 1px solid black;
}

.animated {
	position: absolute;
	width: 20%;
	height: 100%;
	top: 0;
	background-color: red;
	animation: 3s linear 0s slide infinite;
}

@keyframes slide {
  from { left: 0;}
  to { right: 0; }
}