Bouw geweldige praktische CSS3-knoppen

Twee keer per maand bekijken we enkele van onze favoriete lezers uit de geschiedenis van Nettuts +. Deze tutorial werd voor het eerst gepubliceerd in mei 2010.

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! Ik zal je laten zien hoe in de video-tutorial van vandaag.


Video-instructies


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?