1<html>
2
3<body style="background-color:red;">
4 <p> test <p/>
5 <body/>
6 </html>
1<body style="background-color: #fff">
2 <!---this will change the body color---!>
3
4</body>
1<body style="background-color:powderblue;">
2<p style="background-color:tomato;">This paragraph has a red background.</p>
3</body>
1@keyframes bgcolor {
2 0% {
3 background-color: #45a3e5
4 }
5
6 30% {
7 background-color: #66bf39
8 }
9
10 60% {
11 background-color: #eb670f
12 }
13
14 90% {
15 background-color: #f35
16 }
17
18 100% {
19 background-color: #864cbf
20 }
21}
22
23body {
24 -webkit-animation: bgcolor 20s infinite;
25 animation: bgcolor 10s infinite;
26 -webkit-animation-direction: alternate;
27 animation-direction: alternate;
28}