Animated background css

/*
	use @keyframes and the animation property
	see this code running here: https://codepen.io/hylobates-lar/pen/qBbQeON
*/
html, body {
  width: 100%;
  height:100%;
}

body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

Similar codes

0 vote197 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
13 votes144 views2 answers
Button edges rounded css
CSS
37 votes149 views3 answers
Css selector first level child
CSS
0 vote152 views1 answer
Divs overlapping on mobile landscape
CSS
24 votes135 views3 answers
Css remove outline
CSS
0 vote145 views1 answer
Details summary not open css
CSS
146 votes190 views4 answers
How do i link my css to my html
CSS
1 vote155 views2 answers
How to make hr class bootstrap full width
CSS
0 vote284 views1 answer
Css file path
CSS
0 vote150 views1 answer
Css calc margin-top based on height?
CSS