Gradient liniowy dla Opery

Autor: Marzena Fąfara / kategoria: CSS3, Webdesign / data: 29-04-2011

1

W poprzednim poście pokazałam w jaki sposób można stworzyć tło gradientowe poprawnie wyświetlane w przeglądarkach Mozilli, Chrome czy IE. Odkąd Opera poczyniła zdecydowane kroki w kierunku wsparcia CSS3 można już tworzyć ciekawe efekty również dla tej przeglądarki.

Wygląda na to, że przynajmniej na tym etapie będzie można wyeliminować udział programów graficznych do produkcji niejednolitego tła. Teraz jeśli mam ochotę zmienić sobie schemat kolorów wystarczy, że wklepię formułkę w pliku *.css i problem z głowy.

Obecnie opera potrafi wyświetlić różne gradienty liniowe: 2 i kilku kolorowe (na wsparcie gradientów radialnych musimy jeszcze chwilę poczekać). Czytaj całość »

Tło gradientowe w CSS3

Autor: Marzena Fąfara / kategoria: CSS3, Webdesign / data: 30-03-2010

9

CSS3 w miejsce elementów graficznych na stroniePowoli mijają czasy, w których tło na stronach czy przyciski tworzone są w oparciu o pliki graficzne. Efekty gradientu czy zaokrąglone rogi, których wykonanie możliwe było jedynie za pomocą programów graficznych teraz możemy osiągnąć dzięki CSS3.

O ile ostatnie wersje przeglądarek Firefox czy Safari nie będą mieć problemu z wyświetleniem takiej zawartości, o tyle gorzej uzyskać podobny efekt w IE, ale może i tutaj będą z czasem jakieś postępy – IE w wersji 9 ma już obsługiwać funkcjonalności CSS3. Dla zainteresowanych demo IE9 można pobrać tutaj.

W dalszej części artykułu porównamy składnię rysowania gradientu dla poszczególnych przeglądarek oraz stworzymy przykładowy przycisk na stronę
Czytaj całość »