⭐ 0
🔍
Tekst Billede PDF & Docs Lyd Musik Elektronik Tid Hjælpeprogrammer Validatorer Esoterisk Spil

CSS Radial Gradient Generator

Byg CSS-gradienter visuelt: lineær, radial eller konisk type, vinkelskyder og op til seks farvestop med en live forhåndsvisning i fuld bredde og kopierbar kode.

90°
Behandler... 0%

Resultat

Denne side åbner gradientgeneratoren med den radiale type, der allerede er valgt: farverne stråler udad fra midten af elementet i koncentriske cirkler, og hvert stop, du ændrer, genmaler forhåndsvisningen øjeblikkeligt.

radial-gradient() er værktøjet til spotlight- og glødeffekter, bløde vignetter og baggrunde, der har brug for et fokuspunkt frem for en retning. Stoppositionerne i procent afspejler afstanden fra midten - 0% er midten, 100% den fjerneste kant - så stramning af de første stop giver en lille lys kerne, og spredning af dem giver en bred vask.

Kopier baggrundslinjen, når forhåndsvisningen ser rigtig ud. Vinkelskyderen er skjult i denne tilstand, fordi en cirkel ikke har nogen retning - skift tilbage til lineær eller kegleformet, og den dukker op igen.

🛡️
Udføres i browser

Dine filer og input forlader aldrig denne enhed. Behandlingen kører helt offline. 100 % sikker.

Accepterede formater og regler

  • Valg af gradienttype (lineær, radial, kegleformet) med en vinkelskyder til lineære og koniske tilstande.
  • Farvestopliste: to stop til at starte, tilføje eller fjerne op til seks, hver med sin egen farvevælger og position i procent.
  • Kopierbar baggrund CSS-linje plus færdige forudindstillede sider til solnedgang, hav og pastelfarver.

Vigtige fordele

✓ Forhåndsvisningen i fuld bredde males igen ved hver ændring - type, vinkel og hvert farvestop - så den CSS, du kopierer, er præcis, hvad du så.
✓ Op til seks farvestop med individuelle positioner dækker alt fra en simpel tofarvet fade til komplekse multi-band baggrunde.
✓ En erklæring, tre motorer: skift mellem lineær, radial og konisk uden at genopbygge dine stop.

Brug Cases

  • • Komponer en heltesektionsbaggrund ved at trække i vinkel- og farvestoppene i stedet for at håndredigere linear-gradient() og genindlæse.
  • • Sammenlign de samme farvestop som lineære, radiale og kegleformede gradienter med en kontakt - stopperne overføres mellem typerne.
  • • Få fat i en gennemprøvet kombination fra siden med forudindstilling af solnedgang, hav eller pastel, og juster den til dit brands farver.