⭐ 0
🔍
Text Bild PDF och dokument Ljud Musik Elektronik Tid Verktyg Validatorer Esoterik Spel

Sunset CSS Gradient — Färdiggjord kod

Bygg CSS-gradienter visuellt: linjär, radiell eller konisk typ, vinkelreglage och upp till sex färgstopp med en liveförhandsvisning i full bredd och kopierbar kod.

90°
Bearbetar... 0%

Resultat

Den här sidan öppnar gradientgeneratorn med en färdig solnedgångsfade laddad: varm korall #ff7e5f flyter in i mjuk persika #feb47b, från vänster till höger. Förhandsgranskningen visar den i full bredd omedelbart, och CSS-raden nedan är redo att kopieras som den är.

Varma korall-till-persika blekning är en hjälte-sektionshäftklammer eftersom de läser lika vänliga och energiska utan att överväldigande vit text. Det här paret sitter tillräckligt nära i nyansen för att mittpunkten förblir ren - inget grumligt grått band i mitten, det vanliga felläget för gradienter mellan avlägsna färger.

Använd den oförändrad, eller gör den till din: vrid vinkeln för en diagonal solnedgång, dra det första stoppet inåt för en starkare korallnärvaro, eller lägg till ett tredje stopp med ett djupt plommon nästan 100 % för en skymningskänsla. Varje ändring uppdaterar den kopierbara CSS-en direkt.

🛡️
Körs i webbläsare

Dina filer och indata lämnar aldrig den här enheten. Bearbetningen körs helt offline. 100 % säker.

Godkända format och regler

  • Val av gradienttyp (linjär, radiell, konisk) med ett vinkelreglage för linjära och koniska lägen.
  • Färgstopplista: två stopp för att starta, lägga till eller ta bort upp till sex, var och en med sin egen färgväljare och position i procent.
  • Kopierbar bakgrunds-CSS-linje plus färdiga förinställda sidor för solnedgång, hav och pastellgradienter.

Viktiga fördelar

✓ Förhandsgranskningen i full bredd målas om vid varje förändring - typ, vinkel och varje färgstopp - så CSS du kopierar är precis vad du såg.
✓ Upp till sex färgstopp med individuella positioner täcker allt från en enkel tvåfärgstonning till komplexa flerbandsbakgrunder.
✓ En deklaration, tre motorer: växla mellan linjär, radiell och konisk utan att bygga om dina stopp.

Användningsfall

  • • Komponera en hjältesektionsbakgrund genom att dra vinkel- och färgstoppen istället för att handredigera linear-gradient() och ladda om.
  • • Jämför samma färgstopp som linjära, radiella och koniska gradienter med en omkopplare - stoppen överförs mellan typerna.
  • • Ta en beprövad kombination från förinställningssidan för solnedgång, hav eller pastell och anpassa den till dina varumärkesfärger.