Západ slunce CSS Gradient — připravený 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ře generátor přechodů s připraveným vyblednutím západu slunce: teplý korál #ff7e5f proudící do měkké broskve #feb47b, zleva doprava. Náhled jej okamžitě zobrazí v celé šířce a řádek CSS níže je připraven ke kopírování tak, jak je.
Teplé vyblednutí korálů až broskví jsou hlavní součástí hrdinské sekce, protože se čtou jako přátelské a energické, aniž by přehlušovaly bílý text. Tento pár sedí dostatečně blízko v odstínu, aby střed zůstal čistý – žádný zablácený šedý pás uprostřed, obvyklý režim selhání přechodů mezi vzdálenými barvami.
Použijte jej beze změny nebo si jej přizpůsobte: otočte úhel pro diagonální západ slunce, zatáhněte první zarážku dovnitř pro silnější přítomnost korálů nebo přidejte třetí zarážku s hlubokou švestkou téměř 100% pro pocit soumraku. Každá změna okamžitě aktualizuje kopírovatelné CSS.