简单的css重复动画

html

<div class="animatetest">

</div>

css

.animatetest {
	width: 100px;
	height: 100px;
	background: red;
	position: relative;
	animation: mymove 5s infinite;
}

@keyframes mymove {
	0% {
		left: 0px;
	}
	50% {
		left: 100px;
	}
	100% {
		left: 0px;
	}
}