24 lines
707 B
CSS
24 lines
707 B
CSS
|
.animated_background {
|
||
|
|
background: linear-gradient(229deg, #4bb1c1, #8525d7, #d76d25);
|
||
|
|
background-size: 600% 600%;
|
||
|
|
|
||
|
|
-webkit-animation: AnimationName 24s ease infinite;
|
||
|
|
-moz-animation: AnimationName 24s ease infinite;
|
||
|
|
animation: AnimationName 24s ease infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes AnimationName {
|
||
|
|
0%{background-position:0 50%}
|
||
|
|
50%{background-position:100% 50%}
|
||
|
|
100%{background-position:0 50%}
|
||
|
|
}
|
||
|
|
@-moz-keyframes AnimationName {
|
||
|
|
0%{background-position:0 50%}
|
||
|
|
50%{background-position:100% 50%}
|
||
|
|
100%{background-position:0 50%}
|
||
|
|
}
|
||
|
|
@keyframes AnimationName {
|
||
|
|
0%{background-position:0 50%}
|
||
|
|
50%{background-position:100% 50%}
|
||
|
|
100%{background-position:0 50%}
|
||
|
|
}
|