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

CSS Radial 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 radielle typen allerede valgt: fargene stråler utover fra midten av elementet i konsentriske sirkler, og hvert stopp du endrer maler forhåndsvisningen på nytt umiddelbart.

radial-gradient() er verktøyet for spotlight- og glødeffekter, myke vignetter og bakgrunner som trenger et fokuspunkt i stedet for en retning. Stoppposisjonene i prosent kartlegger avstanden fra sentrum — 0 % er midten, 100 % ytterkanten — så å stramme de første stoppene gir en liten lys kjerne, og å spre dem gjør en bred vask.

Kopier bakgrunnslinjen når forhåndsvisningen ser riktig ut. Vinkelglidebryteren er skjult i denne modusen fordi en sirkel ikke har noen retning - bytt tilbake til lineær eller kjegleformet og den vises igjen.

🛡️
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.