body{ background:pink; -webkit-animation:colour 10s linear infinite; -moz-animation:colour 10s linear infinite; } @-webkit-keyframes colour{ 0%{ background:pink } 40%{ background:lightpink } 80%{ background:thistle } 100%{ background:pink } } @-moz-keyframes colour{ 0%{ background:pink } 40%{ background:lightpink } 80%{ background:thistle } 100%{ background:pink } } h1 {transform: skew(-2deg,-2deg);font-size:300%; text-align:center;background:radial-gradient(green,deepskyblue); text-shadow: 5px 5px 2px orange; animation-duration: 3s; animation-name: slidein; } @keyframes slidein { from { margin-left: 100%; width: 300%; color: blue; background-color: #aaccff; } to { margin-left: 0%; width: 100%; color: black; background-color: white; } } h2 { padding: 0.4em 0.5em; color:dimgray; background:whitesmoke; border-left: solid 5px lightskyblue; border-bottom: solid 3px lightgray; }