Knap stater gemt som billeder og skiftet af CSS er så forældede, det er smertefuldt. Vi skal alle bruge CSS3 til at oprette knapper. Vi ved alle, hvorfor: de er let redigerbare, cross-platform, letvægts, tilgængelig; listen over ydelser er uendelig.

Det, der ikke altid er så let, er at kode dem op. Sikker på, at du kan bruge en ramme, men for de fleste projekter, der er lige for store af en overhead. Måske vil du holde fast i fladt design; Tilføj blot en baggrundsfarve og sørg for, at standardgrænse er fjernet. Enhver anden vil være glad for, at Irina Petculescu, en selvudråbt CSS3 junky og grundlægger af prowebdesign.ro har sammensat disse gratis CSS3 knapper. Se sit websted for flere freebies.

De kommer i to stilarter: flad, som opretholder en lille skråning; og blank, med pænt gengivne gradienter. Der er endda nogle grundlæggende overgange for at gøre rollovers nice og glatte.

Hvad endda bedre er, at holdet sørgede for at de brugte rgba formatering til styling, hvilket efterlod baggrundsfarverne i hex-format. Det betyder, at du er fri til at ændre nogen af ​​de hex-farver, du ser i CSS, og knappen baggrundsfarve vil ændre sig med det samme.

Knapperne er gratis til personlig og kommerciel brug, så download dem nu og begynd at tilpasse dem til dit mærke.

Flad knapper

Lyserød

handicappet

Glatte knapper

Lyserød

handicappet

Hvordan kan du kode knapper? Er der nogensinde et tilfælde for billedlande længere? Lad os vide dine tanker i kommentarerne.