Bouw Kick-Ass praktische CSS3-knoppen

Wat ooit achtergrondafbeeldingen en -pictogrammen nodig had, kan nu worden gemaakt met gewone oude CSS. Omdat moderne browsers toegang hebben tot zaken als doosschaduw, verlopen, afgeronde hoeken, tekstschaduwen en lettertype, kunnen we hier eindelijk gebruik van maken en de noodzaak voor afbeeldingen verwijderen bij het maken van visuele elementen, zoals knoppen!


Volledige screencast



Eindcode

     CSS3 Knoppen     Volg mij   

Conclusie


De waarheid is dat het waarschijnlijk slimmer is om een ​​kleine afbeelding voor het Twitter-vogel-pictogram te gebruiken. Maar het doel was om dit effect te bereiken met alle CSS! Wat denk je?