<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
@-webkit-keyframes background {
0% {
top: 0;
left: 0;
background: #5bd97d;
}
40% {
top: 100px;
left: 50px;
background: pink;
}
100% {
top: 50px;
left: 50px;
background: purple;
}
}
@-moz-keyframes background {
0% {
top: 0;
left: 0;
background: #5bd97d;
}
40% {
top: 100px;
left: 150px;
background: pink;
}
100% {
top: 50px;
left: 50px;