Pastel CSS Gradient — Hotový kód
Vizuálně sestavujte přechody CSS: lineární, radiální nebo kuželový typ, posuvník úhlu a až šest barevných zarážek s živým náhledem v plné šířce a kopírovatelným kódem.
Výsledek
Tato stránka otevírá generátor přechodů s připraveným pastelovým vyblednutím: pudrově růžová #ffdde1 přecházející do zaprášené růže #ee9ca7. Panel náhledu zobrazí měkký výsledek okamžitě, s řádkem CSS připraveným níže.
Pastelové přechody fungují tam, kde by nasycené křičely: vstupní obrazovky, karty, prázdné stavy a značka krásy nebo životního stylu. Protože jsou obě zarážky světlé, tmavý text zůstává čitelný po celé ploše – něco, co nejživější přechody nemohou nabídnout bez překrytí.
Zkopírujte linii tak, jak je, nebo ji dále zjemněte triky pošťuchováním kryvosti a sousedství: posuňte zarážku růže na 80 % a nechte dominovat růžovou, nebo přepněte na radiální typ pro jemnou středovou záři. Nástroj aktualizuje kopírovatelné CSS při každém vstupu.