Vad är CSS-gradient
CSS-gradient är en teknik för att realisera bakgrunder eller dekorationer som smidigt blandar två eller flera färger, endast med CSS-kod utan bildfiler.
Linjär gradient (linear-gradient)
En gradient där färger förändras linjärt längs en angiven vinkel eller riktning. Du kan fritt ställa in vinklar från 0 grader (uppåt) till 360 grader (ett varv), och riktningsspecifikationer som to bottom och to right är också möjliga.
Radiell gradient (radial-gradient)
En gradient där färger sprider sig radiellt från centrum. Du kan välja cirkel (circle) eller ellips (ellipse) och även justera centrumposition och spridningsform. Lämplig för dekoration av knappar eller ikoner.
Vad är färgstopp
Färgstopp är positionen där en specifik färg placeras i gradienten. Från 0% (startposition) till 100% (slutposition) kan du placera valfritt antal färger på valfri position. Genom att kombinera flera färgstopp kan du skapa komplexa och vackra gradienter.