RSS
RSS

Gradienty CSS3 dla Wszystkich Przeglądarek


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!

Komentarze

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.

Komentuj

Subscribe without commenting