8.09.2011 10:00 | Aktualizacja: 21.01.2023 12:59

Świetne przyciski w CSS3 z ikonami

css3buttonySpecyfikacja CSS3 i HTML5 daje ogromne możliwości, jeżeli chodzi o wykorzystanie wszelkich efektów, które w poprzednich specyfikacjach były możliwe do osiągnięcia tylko i wyłącznie przy użyciu programu graficznego.

Chciałbym zaprezentować Wam bardzo atrakcyjne przyciski, które korzystają ze specyfikacji CSS3 i co ciekawe korzystające z ikon. Nie będzie nam potrzebna  żadna zewnętrzna grafika, wystarczy deklaracja wykorzystania konkretnej ikony. Dla każdej przeglądarki stylistyka ikon będzie nieco inna, ale nie na tyle by ich wygląd nie był tożsamy. Poniżej grafika wykorzystania tych samych ikon dla różnych przeglądarek, sami zobaczcie, że wizualnie praktycznie nie ma żadnych różnic.

css3 buttons across browsers

Skoro poznaliście różnice – sprawdźcie jak przyciski prezentują się bezpośrednio na stronie. Oficjalnie ogłaszam koniec przycisków graficznych – bo po co komplikować sobie życie, skoro podobne, proste efekty można uzyskać czystym kodem? Zapraszam do zapoznania się z wersją demonstracyjną.

Demo  Download