Knapptilstander lagret som bilder og byttet av CSS er så utdaterte det er smertefullt. Vi bør alle bruke CSS3 til å lage knapper. Vi vet alle hvorfor: de er lett redigerbare, kryssplattform, lett, tilgjengelig; listen over fordeler er uendelig.

Det som ikke alltid er så enkelt er å koda dem opp. Sikker på at du kan bruke et rammeverk, men for de fleste prosjekter som bare er for store av en overhead. Kanskje du vil holde deg til flatt design; bare legg til en bakgrunnsfarge og sørg for at standardgrensen er fjernet. Alle andre vil være glade for at Irina Petculescu, et selvtillit proklamerte CSS3 uhøflig og grunnlegger av prowebdesign.ro har satt sammen disse gratis CSS3 knappene. Se siden hennes for flere freebies.

De kommer i to stiler: flat, som opprettholder en liten skråstilling; og glanset, med pent gjengitte gradienter. Det er enda noen grunnleggende overganger for å gjøre rolloverene fine og glatte.

Hva som er enda bedre er at laget sørget for at de brukte rgba-formatering for styling, slik at bakgrunnsfargerne i hex-format. Det betyr at du er ledig til å endre noen av de hex-fargene du ser i CSS, og knappens bakgrunnsfarve endres umiddelbart.

Knappene er gratis for personlig og kommersiell bruk, så last ned dem nå og begynn å justere dem for merkevaren din.

Flatknapper

Funksjonshemmet

Glanset knapper

Funksjonshemmet

Hvordan kodes du med knapper? Er det noen gang en sak for bildestater lenger? Gi oss beskjed om dine tanker i kommentarene.