Gradient na stronie bez używania grafiki.

Płynne przejście między dwoma kolorami jest banalnie łatwo uzyskać w większości programów graficznych.
Równie łatwe jest wstawienie takiej grafiki jako tło naszej strony.
Problem zaczyna się kiedy na stronie mamy kilka lub kilkanaście różnych gradientów. Zabawę ułatwić możemy sobie za pomocą kodu CSS, dzięki czemu pozbędziemy się grafik z naszej strony oraz ułatwimy sobie edycję jej wyglądu.

Tworzenie takiego kodu jest banalnie proste. Oczywiście możemy się pobawić i pisać wszystko ręcznie jednak internet pełen jest generatorów, które zrobią to za nas. 

Osobiście używam takiego generatora  jednak, jak już wspominałem, istnieje multum innych. 

Jak widać tworzenie gradientu jest proste opiera się na zabawie suwakami lub wybraniu gotowego, których jest naprawdę sporo.

Wygenerowany kod jest niestety dość długi. Spowodowane jest to optymalizacją pod większość przeglądarek, które różnie interpretują najnowsze rozwiązania CSS'a. Całość możemy jednak łatwo uprościć. W skrypcie znajdują się bowiem komentarze do, których przeglądarek odnosi się dana część kodu. 

Dzięki zastosowaniu CSS'a możemy w znacznym stopniu pozbyć się grafiki z naszej strony dzięki czemu zmniejszymy czas ładowania się witryny.