@-webkit-keyframes sample {
	0% {
		background-color: #ff3366;
	}
	40% {
		background-color: #ffcc33;
	}
	70% {
		background-color: #99ff66;
	}
	100% {
		background-color: #33ccff;
	}
}
@keyframes sample {
	0% {
		top: 300px;
	}
	40% {
		top: 200px;
	}
	70% {
		top: 100px;
	}
	100% {
		top: 0px;
	}
}
div {
	padding: 2em;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #ff3366;
}
div:hover {
	-webkit-animation-name: sample;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 2s;
	animation-name: sample;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 2s;
}