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

CSS Conic 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 kjegletypen allerede valgt: i stedet for å falme langs en linje eller ut fra midten, sveiper fargene rundt midten som en klokkeviser, med start fra vinkelen du angir på glidebryteren.

conic-gradient() er den nyeste av de tre CSS-gradientfunksjonene og den bak sektordiagrammer, fargehjul og iøynefallende roterende kanteffekter. Stoppposisjoner i prosent er posisjoner rundt sirkelen - to stopp ved 0 % og 100 % blander seg jevnt hele veien rundt, mens stoppere plassert tett sammen skaper skarpe kiler.

Juster startvinkelen og stopper til forhåndsvisningen leser rett, og kopier deretter bakgrunnslinjen. Alle moderne nettlesere støtter koniske gradienter, så koden er trygg å sende.

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