Bygg Kick-Ass Praktiske CSS3 Knapper

Hva som en gang er nødvendig, må bakgrunnsbilder og ikoner nå opprettes med vanlig gammel CSS. Fordi moderne nettlesere har tilgang til ting som boksskygge, gradienter, avrundede hjørner, tekstskygger og font-ansikt, kan vi endelig dra nytte av dette og fjerne ethvert behov for bilder når du lager visuelle elementer, for eksempel knapper!


Full Screencast



Endelig kode

     CSS3 knapper     Følg meg   

Konklusjon


Sannheten er at det sannsynligvis vil være smartere å bruke et lite bilde for Twitter-fugleikonet. Men målet var å oppnå denne effekten med alle CSS! Hva tror du?