Hva er en gradient?
En gradient (fargeovergang) er en myk overgang mellom to eller flere farger. I webdesign brukes gradienter ofte i bakgrunner, knapper og toppfelt, fordi de gir dybde og et moderne preg med svært lite kode.
Lineær og radiell gradient
En lineær gradient skifter farge langs en rett linje. Du styrer retningen med vinkelen (0° oppover, 90° mot høyre). En radiell gradient starter i et midtpunkt og sprer seg i en sirkel. Denne generatoren lager begge og gir deg riktig CSS (linear-gradient eller radial-gradient).
Slik bruker du den i CSS
Kopier koden og lim den inn i elementets background-egenskap. Du kan legge til flere farger og endre hver av dem ved å redigere den. Trenger du også en matchende fargepalett, kan du prøve palettgeneratoren, eller sjekke kontrasten før du legger tekst oppå.