Beispiel:Linear-gradient()-4a.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Animierter Farbverlauf</title>
<style> body { height: 100vh; width: 100vw; background-image: linear-gradient(-45deg, steelblue, #adc8d6, gold, #e9ac9b, red ); background-size: 400% 400%; animation: gradient 9s ease infinite; overflow: hidden; }
@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } </style>
</head>
<body>
Animierter Farbverlauf
</body></html>
