Hvad er en gradient?
En gradient (farveovergang) er en blød overgang mellem to eller flere farver. I webdesign bruges gradienter tit i baggrunde, knapper og sidehoveder, fordi de giver dybde og et moderne udtryk med meget lidt kode.
Lineær og radial gradient
En lineær gradient skifter farve langs en lige linje. Du styrer retningen med vinklen (0° opad, 90° mod højre). En radial gradient starter i et midtpunkt og breder sig ud i en cirkel. Denne generator laver begge dele og giver dig den rigtige CSS (linear-gradient eller radial-gradient).
Sådan bruger du den i CSS
Kopiér koden, og indsæt den i elementets background-egenskab. Du kan tilføje flere farver og ændre hver af dem ved at redigere den. Mangler du også en matchende farvepalet, så prøv paletgeneratoren, eller tjek kontrasten før du lægger tekst ovenpå.