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

Sunset 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 solnedgangsfade indlæst: varm koral #ff7e5f flyder ind i blød fersken #feb47b, fra venstre mod højre. Forhåndsvisningen viser den i fuld bredde med det samme, og CSS-linjen nedenfor er klar til at kopiere, som den er.

Varm koral-til-fersken fades er en helte-sektion, fordi de læser så venlige og energiske uden overvældende hvid tekst. Dette par sidder tæt nok i farvetonen til, at midtpunktet forbliver rent - intet mudret gråt bånd i midten, den sædvanlige fejltilstand for gradienter mellem fjerne farver.

Brug den uændret, eller gør den til din: drej vinklen for en diagonal solnedgang, træk det første stop indad for at få en stærkere koraltilstedeværelse, eller tilføj et tredje stop med en dyb blomme næsten 100 % for at få en skumringsfølelse. Hver ændring opdaterer den kopierbare CSS øjeblikkeligt.

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