Creați butoane CSS3 practice minunate

De două ori pe lună, revizuim câteva postări preferate ale cititorilor noștri de-a lungul istoriei Nettuts +. Acest tutorial a fost publicat pentru prima oară în mai 2010.

Ceea ce odată a fost necesar să se creeze acum imagini de fundal și icoane cu CSS simplu. Deoarece browserele moderne au acces la lucruri cum ar fi umbra cutiei, gradientele, colțurile rotunjite, umbrele de text și font-face, putem profita în final de acest lucru și eliminăm orice nevoie de imagini, atunci când creați elemente vizuale, cum ar fi butoanele! Vă voi arăta modul în modul de prezentare video de astăzi.


Tutorial video


Codul final

     Butoane CSS3     Urmați-mă   

Concluzie

Adevărul este că probabil ar fi mai inteligent să folosiți o imagine minusculă pentru pictograma Twitter-bird. Dar scopul a fost acela de a realiza acest efect cu toate CSS! Tu ce crezi?

Cod