Sunset CSS Gradient — že pripravljena koda
Vizualno ustvarite prelive CSS: linearni, radialni ali stožčasti tip, kotni drsnik in do šest barvnih stopenj s predogledom polne širine v živo in kodo, ki jo je mogoče kopirati.
Rezultat
Ta stran odpre generator gradientov z naloženim že pripravljenim bledenjem ob sončnem zahodu: topla korala #ff7e5f, ki se preliva v mehko breskev #feb47b, od leve proti desni. Predogled ga takoj prikaže v polni širini in spodnja vrstica CSS je pripravljena za kopiranje, kot je.
Topli odtenki od koralnega do breskve so glavna sestavina rubrike, ker se berejo kot prijazni in energični, ne da bi bilo premočno belo besedilo. Ta par je v odtenku dovolj blizu, da sredina ostane čista – brez blatnega sivega pasu na sredini, običajnega neuspešnega načina gradientov med oddaljenimi barvami.
Uporabite ga nespremenjenega ali ga prilagodite svojemu: zasukajte kot za diagonalni sončni zahod, povlecite prvo postajo navznoter za močnejšo koralno prisotnost ali dodajte tretjo postajo z globoko slivo blizu 100 % za občutek mraka. Vsaka sprememba takoj posodobi CSS, ki ga je mogoče kopirati.