Gradienty CSS3 dla Wszystkich Przeglądarek
Opublikowano 14 sierpnia 2011
Kategorie: Tworzenie stron, Wszystkie
1
Gradienty w CSS3 to świetna sprawa - można robić płynne przejścia kolorów na różnych elementach i otrzymywać takie efekty, jakie dotychczas oferował tylko Photoshop.
Niestety, dosyć ciężko jest dobrać kolory na chybił - trafił. Jest też problem z przeglądarkami: chociaż większość obsługuje gradienty, to trzeba definiować je osobno dla niemal każdej z nich, a składnia wcale nie jest taka sama i oczywista.
Łącznie do stworzenia gradientu w CSS3, który obsługuje każda nowa przeglądarka, trzeba zdefiniować 8 reguł CSS!
Na szczęście istnieje darmowy generator gradientów CSS, którego znalezienie trochę zajmuje. Przejrzałem wiele takich narzędzi i tylko to jedno oferuje automatyczne tworzenie reguł dla starych przeglądarek, Firefoxa 3.6+, Chrome 2+, Safari 4+, Opery 10.11+, Internet Explorera 6, 7, 8, 9 i 10 i wedle oficjalnej specyfikacji W3C.
Do tego mamy do dyspozycji gotowe wzorce gradientów. Zdecydowanie polecam!
Z gradientu korzystam rzadko ale zawsze warto przypomnieć sobie co i jak. Pamiętam początki kiedy to popełniałem proste błędy ale te czasy już za mną. Wpis przypominajka – zawsze mile widziany.