Gradient CSS Sunset — gotowy kod
Twórz wizualnie gradienty CSS: liniowe, promieniowe lub stożkowe, suwak kąta i do sześciu stopni kolorów z podglądem na żywo o pełnej szerokości i kodem, który można kopiować.
Wynik
Ta strona otwiera generator gradientów z gotowym załadowanym odcieniem zachodu słońca: ciepły koral #ff7e5f przechodzący w miękką brzoskwinię #feb47b, od lewej do prawej. Podgląd natychmiast pokazuje pełną szerokość, a poniższa linia CSS jest gotowa do skopiowania w niezmienionej postaci.
Ciepłe przejścia od koralowego do brzoskwiniowego są podstawą sekcji bohaterów, ponieważ czyta się je jako przyjazne i energetyczne, bez przytłaczającego białego tekstu. Ta para ma na tyle zbliżony odcień, że punkt środkowy pozostaje czysty — nie ma zabłoconego szarego paska pośrodku, co jest typowym trybem awarii gradientów między odległymi kolorami.
Użyj go w niezmienionej postaci lub dostosuj do własnych potrzeb: obróć kąt, aby uzyskać ukośny zachód słońca, pociągnij pierwszy przystanek do wewnątrz, aby wzmocnić obecność koralowców, lub dodaj trzeci przystanek z głęboką śliwką w pobliżu 100%, aby uzyskać wrażenie zmierzchu. Każda zmiana natychmiast aktualizuje kopiowalny CSS.