Анимации CSS

Код создания анимации

animation:animation-name animation-duration [animation-timing-function:ease] [animation-delay:0] [animation-iteration-count:1] [animation-direction:normal] [animation-fill-mode:none] [animation-play-state:running]

div {
	background: #F00;
	margin: 30px 0 0;
	animation: myanimation 3s infinite;
}
@keyframes myanimation {
	100% {
		background: #00F;
		margin-left: 300px;
	}
}

Сложная анимация

div {
	background: #F00;
	margin: 30px 0 0;
	animation: myanimation2 4s infinite alternate;
}
@keyframes myanimation2 {
	33% {
		background: #FF0;
		margin: 30px 0 0 150px;
	}
	66% {
		background: #0F0;
		margin: 130px 300px;
	}
	100% {
		background: #F00;
		margin: 30px 0px;
	}
}