⭐ 0
🔍
Tekst Bilde PDF og dokumenter Lyd Musikk Elektronikk Tid Verktøy Validatorer Esoterisk Spill

CSS Linear Gradient Generator

Bygg CSS-gradienter visuelt: lineær, radiell eller konisk type, vinkelglidebryter og opptil seks fargestopp med en live forhåndsvisning i full bredde og kopierbar kode.

90°
Behandler... 0%

Resultat

Denne siden åpner gradientgeneratoren med den lineære typen allerede valgt. Dra vinkelglidebryteren for å rotere uttoningen, justere fargestoppene og forhåndsvisningen i full bredde pluss CSS-linjeoppdateringen på hver inngang.

linear-gradient() maler farger langs en rett linje - den desidert mest brukte gradienten i CSS. 90 grader går fra venstre til høyre, 180 grader fra topp til bunn, og enhver vinkel i mellom gir en diagonal; stoppposisjonene i prosent bestemmer hvor hvert fargebånd begynner å blande seg inn i det neste.

Når forhåndsvisningen ser riktig ut, kopierer du bakgrunnslinjen til stilarket ditt. Hvis du vil ha et startpunkt i stedet for en blank tavle, åpner forhåndsinnstillingssidene for solnedgang, hav og pastell dette samme verktøyet med påviste fargepar allerede lastet inn.

🛡️
Utført i nettleser

Filene og inngangene dine forlater aldri denne enheten. Behandlingen kjører helt offline. 100 % sikker.

Godkjente formater og regler

  • Gradienttypevalg (lineær, radiell, kjegleformet) med en vinkelglidebryter for lineære og kjegleformede moduser.
  • Fargestoppliste: to stopp for å starte, legge til eller fjerne opptil seks, hver med sin egen fargevelger og posisjon i prosent.
  • Kopierbar bakgrunns-CSS-linje pluss ferdige forhåndsinnstilte sider for solnedgang, hav og pastellfarger.

Viktige fordeler

✓ Forhåndsvisningen i full bredde males på nytt ved hver endring – type, vinkel og hvert fargestopp – så CSS-en du kopierer er akkurat det du så.
✓ Opptil seks fargestopp med individuelle posisjoner dekker alt fra en enkel tofarget fading til komplekse flerbåndsbakgrunner.
✓ En erklæring, tre motorer: bytt mellom lineær, radial og konisk uten å bygge om stoppestedene dine.

Brukssaker

  • • Komponer en helteseksjonsbakgrunn ved å dra vinkel- og fargestoppene i stedet for å håndredigere linear-gradient() og laste inn på nytt.
  • • Sammenlign de samme fargestoppene som lineære, radielle og koniske gradienter med én bryter - stoppene overføres mellom typer.
  • • Ta tak i en velprøvd kombinasjon fra forhåndsinnstillingssiden for solnedgang, hav eller pastell og juster den til merkefargene dine.