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

Pastel CSS Gradient — Færdiglavet kode

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 en færdiglavet pastelfade indlæst: pudderrosa #ffdde1 blandes ind i støvet rose #ee9ca7. Eksempelpanelet viser det bløde resultat med det samme, med CSS-linjen klar nedenfor.

Pastelfarver fungerer, hvor mættede forløb råbte: indstigningsskærme, kort, tomme tilstande og skønheds- eller livsstilsbranding. Fordi begge stop er lyse, forbliver mørk tekst læsbar på tværs af hele overfladen - noget de fleste levende gradienter ikke kan tilbyde uden en overlejring.

Kopier linjen, som den er, eller blødgør den yderligere ved at skubbe til uigennemsigtighed-tilstødende tricks: Flyt rosenstoppet til 80 %, og lad det lyserøde dominere, eller vend til en radial type for en blid midterglød. Værktøjet opdaterer den kopierbare CSS ved hvert input.

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