1body {
2 background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
3 opacity: 50%;
4 background-size: 400% 400%;
5 -webkit-animation: Gradient 5s ease infinite;
6 -moz-animation: Gradient 5s ease infinite;
7 animation: Gradient 5s ease infinite;
8}
9
10@-webkit-keyframes Gradient {
11 0% {
12 background-position: 0% 50%
13 }
14 50% {
15 background-position: 100% 50%
16 }
17 100% {
18 background-position: 0% 50%
19 }
20}
21
22@-moz-keyframes Gradient {
23 0% {
24 background-position: 0% 50%
25 }
26 50% {
27 background-position: 100% 50%
28 }
29 100% {
30 background-position: 0% 50%
31 }
32}
33
34@keyframes Gradient {
35 0% {
36 background-position: 0% 50%
37 }
38 50% {
39 background-position: 100% 50%
40 }
41 100% {
42 background-position: 0% 50%
43 }
44}Created on 3/5/2019