Vad är en gradient?
En gradient (färgtoning) är en mjuk övergång mellan två eller fler färger. Inom webbdesign används gradienter ofta i bakgrunder, knappar och sidhuvuden, eftersom de ger djup och ett modernt intryck med väldigt lite kod.
Linjär och radiell gradient
En linjär gradient byter färg längs en rak linje. Du styr riktningen med vinkeln (0° uppåt, 90° åt höger). En radiell gradient utgår från en mittpunkt och sprider sig i en cirkel. Den här generatorn skapar båda och ger dig rätt CSS (linear-gradient eller radial-gradient).
Så använder du den i CSS
Kopiera koden och klistra in den i elementets background-egenskap. Du kan lägga till flera färger och ändra var och en genom att redigera den. Behöver du också en matchande färgpalett kan du testa palettgeneratorn, eller kontrollera kontrasten innan du lägger text ovanpå.