Pastelový CSS prechod — pripravený kód
Vizuálne vytvorte prechody CSS: lineárny, radiálny alebo kužeľový typ, posúvač uhla a až šesť farebných zarážok so živým náhľadom v plnej šírke a kopírovateľným kódom.
Výsledok
Táto stránka otvára generátor prechodov s pripraveným pastelovým vyblednutím: púdrová ružová #ffdde1 prechádzajúca do zaprášenej ruže #ee9ca7. Panel náhľadu okamžite zobrazí mäkký výsledok s riadkom CSS pripraveným nižšie.
Pastelové prechody fungujú tam, kde by tie nasýtené kričali: vstupné obrazovky, karty, prázdne stavy a značka krásy alebo životného štýlu. Keďže obe zarážky sú svetlé, tmavý text zostáva čitateľný po celej ploche – niečo, čo najživšie prechody nemôžu ponúknuť bez prekrytia.
Skopírujte líniu tak, ako je, alebo ju ešte viac zjemnite pomocou trikov s nepriehľadnosťou: posuňte zarážku ruží na 80 % a nechajte dominovať ružovú, alebo prepnite na radiálny typ pre jemnú stredovú žiaru. Nástroj aktualizuje kopírovateľný CSS pri každom vstupe.