Sunset CSS-gradiënt: kant-en-klare code
Creëer visueel CSS-gradiënten: lineair, radiaal of conisch, hoekschuifregelaar en maximaal zes kleurstops met een live voorbeeld over de volledige breedte en kopieerbare code.
Resultaat
Deze pagina opent de gradiëntgenerator met een kant-en-klare zonsondergang-fade geladen: warm koraal #ff7e5f stroomt in zachte perzik #feb47b, van links naar rechts. Het voorbeeld toont het onmiddellijk over de volledige breedte en de onderstaande CSS-regel is klaar om te kopiëren zoals het is.
Warme koraal-naar-perzik-vervagingen zijn een must-have in de hero-sectie, omdat ze vriendelijk en energiek lezen zonder de witte tekst te overheersen. Dit paar zit qua tint zo dichtbij dat het middelpunt schoon blijft - geen modderige grijze band in het midden, de gebruikelijke foutmodus van gradiënten tussen verre kleuren.
Gebruik het ongewijzigd, of maak het de jouwe: draai de hoek voor een diagonale zonsondergang, trek de eerste stop naar binnen voor een sterkere koraalaanwezigheid, of voeg een derde stop toe met een diepe pruim van bijna 100% voor een schemergevoel. Elke wijziging werkt de kopieerbare CSS onmiddellijk bij.