background: linear-gradient(270deg, #aecaf6, #f6d27f, #78f475); background-size: 600% 600%; -webkit-animation: background 30s ease infinite; -moz-animation: background 30s ease infinite; animation: background 30s ease infinite; @-webkit-keyframes background { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes background { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes background { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
Auf https://www.gradient-animator.com/ funktioniert er perfekt.
Nur bei mir nicht. Es wird nur eine Farbe angezeigt (grün) die sich eben nicht bewegt.
Was mache ich falsch? Habe nur am Anfang einen body { hinzugefügt und einen <body> tag im html code.