Stany przycisków zapisane jako obrazy i przełączone przez CSS są tak nieaktualne, że to bolesne. Wszyscy powinniśmy używać CSS3 do tworzenia przycisków. Wszyscy wiemy, dlaczego: są łatwo edytowalne, wieloplatformowe, lekkie i dostępne; lista korzyści jest nieskończona.

To, co nie zawsze jest takie proste, to je kodować. Pewnie możesz użyć frameworku, ale w przypadku większości projektów, które są po prostu zbyt duże. Może chcesz trzymać się płaskiej konstrukcji; po prostu dodaj kolor tła i upewnij się, że ramka domyślna została usunięta. Każdy inny będzie zachwycony, że Irina Petculescu, samozwańcza się junky CSS3 i założycielka prowebdesign.ro zebrał te darmowe przyciski CSS3. Zobacz jej stronę, aby uzyskać więcej gratisy.

Występują w dwóch wersjach: płaskiej, która zachowuje niewielką fazę; i błyszczące, z ładnie renderowanymi gradientami. Istnieją nawet podstawowe przejścia, które sprawiają, że najazdy są przyjemne i gładkie.

Co więcej, zespół upewnił się, że do stylizacji użyli formatowania rgba, pozostawiając kolory tła w formacie szesnastkowym. Oznacza to, że możesz zmienić dowolny z kolorów heksadecymalnych, które widzisz w CSS, a kolor tła przycisku zmieni się natychmiast.

Przyciski są bezpłatne do użytku osobistego i komercyjnego, więc pobierz je teraz i zacznij je ulepszać dla swojej marki.

Płaskie przyciski

Niepełnosprawny

Błyszczące guziki

Niepełnosprawny

Jak kodujesz przyciski? Czy istnieje kiedykolwiek przypadek dla stanów obrazu? Daj nam znać swoje myśli w komentarzach.