Best ledig CSS Gradientgenerator
Bygg lineære og radielle CSS-gradienter med levende forhåndsvisning - kopier bakgrunnskoden.
100 % ledig
Ingen registrering
Uten vannmerke
✨
Go Pro for de beste AI-modellene - bilde, video og prat - pluss større opplastinger, prioritet i køen og ingen ventetid.
Oppgrader til Pro
Like Best.Free? Del det
Hvordan det virker
- Velg en type. Velg lineær eller radiell, og still inn vinkelen for en lineær gradient.
- Velg farger og stopp. Sett to eller flere farger og deres posisjoner, legg til et tredje stopp i Avanserte innstillinger.
- Kopier CSS. Trykk Kopier CSS og lim bakgrunnsovergangen inn i stilsettet.
Om dette verktøyet
Bygg en CSS- gradient for øye i stedet for å redigere verdier blind. Bytt mellom lineær og radiell, dra vinkelen for lineær gradient, og velg farger og posisjoner for minst to stopp mens en forhåndsvisningsstolpe i full bredde lever. Kopier bakgrunnsegenskapen rett inn i stilsettet. Avanserte valg gir deg et tredje fargestopp for rikere blandinger og kan velge en sirkel eller ellipseform for radielle gradienter. Det kjører alt i nettleseren.
Hva folk bruker det til
- Utform en gradient for helt eller seksjon
- Opprett en knapp eller et kort- gradient
- Bland jevnt to- eller trefarger
- Generer en radiell lyskaster- eller vignetteffekt
Ofte stilte spørsmål
En lineær gradient blander langs en rett linje i vinkelen du velger; en radial gradient blander utover fra et senterpunkt som en sirkel eller ellipse.
For en lineær gradient bestemmer vinkelen retningen på blandingen - 0° går nederst til øverst, 90° fra venstre til høyre, og så videre.
Hver stoppfarge er en farge som plasseres prosent langs gradienten. Når en stoppinnretning flyttes, endres fargen til den og blandingens skarphet.
Ja. Åpne Avanserte valg for å legge til et tredje fargestopp, satt inn mellom første og siste for en blanding med flere farger.
Nei, farger og stopp blir omgjort til en CSS- streng lokalt i nettleseren din.
Helt gratis, uten konto og uten begrensninger - et kundeverktøy uten mål.
Ja. Det kjører i nettleseren din, så CSS Gradient Generator virker på telefoner, nettbrett og skrivebord - det er ingen program å installere.
Vanligvis bare noen sekunder for en typisk fil - CSS Gradient Generator begynner å fungere i det øyeblikket du gir den din innspill.
Tilfellebruk er ubegrenset, under en generøs rettferdig bruk som holder den rask for alle.
Alle moderne nettlesere - Chrome, Safari, Firefox og Kant. CSS Gradient Generator trenger ikke noe installert utenfor nettleseren du allerede bruker.