Teoría
Teoría

Degradados uniformes de varios colores

Un degradado lineal puede tener más de dos colores. Basta con separarlos por comas. Por ejemplo, con este CSS:

linear-gradient(to right, red, yellow, green)

Se obtiene un degradado uniforme de tres colores:

En este ejercicio tienes que añadir al bloque .aurora un degradado de arriba hacia abajo con los colores indicados en el objetivo.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <title>Degradados uniformes de varios colores</title> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <img src="bear.svg" alt="Paisaje del norte"> <div class="aurora"></div> </body> </html>

CSS

body { margin: 0; padding: 0; overflow: hidden; background-color: #003f86; } .aurora { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 500px; background-image: none; }

ObjetivosRealizado

Añade al bloque .aurora un degradado lineal de arriba hacia abajo con los colores #063365, #29b593, #4ecad2, #13a0f0, #6d4bf6, #731cb7, #003f86.