Knapptillstånd sparade som bilder och växlade av CSS är så gamla det är smärtsamt. Vi borde alla använda CSS3 för att skapa knappar. Vi vet alla varför: de är lätt att redigeras, plattform, lätt, tillgänglig Förteckningen över förmåner är oändlig.
Det som inte alltid är så lätt är att de kodas upp. Visst kan du använda ett ramverk, men för de flesta projekt som är bara för stora av en överhead. Kanske vill du hålla fast vid platt design; lägg bara till en bakgrundsfärg och kontrollera att standardgränsen tas bort. Någon annan kommer att vara glad att Irina Petculescu, en självpresident CSS3 junky och grundare av prowebdesign.ro har satt ihop dessa gratis CSS3-knappar. Se hennes webbplats för fler freebies.
De kommer i två stilar: platt, som upprätthåller en liten avfasning; och glänsande, med snyggt gjorda gradienter. Det finns även några grundläggande övergångar för att göra rolloverna snygga och smidiga.
Vad som är ännu bättre är att laget såg till att de använde rgba-formatering för styling och lämna bakgrundsfärgerna i hex-format. Det betyder att du är fri att ändra någon av de hex-färger som du ser i CSS och knappens bakgrundsfärg ändras omedelbart.
Knapparna är gratis för personlig och kommersiell användning, så ladda ner dem nu och börja tweak dem för ditt varumärke.
Hur kodar du knapparna? Är det någonsin ett fall för bildstater längre? Låt oss veta dina tankar i kommentarerna.