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

Sunset CSS Gradient — Ferdiglaget kode

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 en ferdig solnedgangstoning lastet: varm korall #ff7e5f flyter inn i myk fersken #feb47b, fra venstre til høyre. Forhåndsvisningen viser den i full bredde umiddelbart, og CSS-linjen nedenfor er klar til å kopiere som den er.

Varm korall-til-fersken blekner er en helte-seksjon stift fordi de leser så vennlig og energisk uten overveldende hvit tekst. Dette paret sitter nærme nok i fargetone til at midtpunktet forblir rent – ​​ingen gjørmete grå bånd i midten, den vanlige feilmodusen for gradienter mellom fjerne farger.

Bruk den uendret, eller gjør den til din: roter vinkelen for en diagonal solnedgang, trekk den første stopperen innover for en sterkere koralltilstedeværelse, eller legg til en tredje stopp med en dyp plomme nesten 100 % for en skumringsfølelse. Hver endring oppdaterer den kopierbare CSS-en umiddelbart.

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