Gli stati dei pulsanti salvati come immagini e attivati ​​dai CSS sono così obsoleti che è doloroso. Dovremmo tutti usare CSS3 per creare pulsanti. Sappiamo tutti perché: sono facilmente modificabili, multipiattaforma, leggeri, accessibili; l'elenco dei benefici è infinito.

Ciò che non è sempre così facile è la loro codifica. Certo, puoi usare un framework, ma per la maggior parte dei progetti è troppo grande di un overhead. Forse vuoi aderire al design piatto; basta aggiungere un colore di sfondo e assicurarsi che il bordo predefinito sia rimosso. Tutti gli altri saranno felici che Irina Petculescu, autoproclamata CSS3 junky e fondatrice di prowebdesign.ro ha messo insieme questi pulsanti CSS3 gratuiti. Vedi il suo sito per più omaggi.

Sono disponibili in due stili: piatto, che mantiene una piccola smussatura; e lucido, con gradienti ben resi. Esistono anche alcune transizioni di base per rendere i rollover belli e fluidi.

Ciò che è ancora meglio è che il team ha fatto in modo di utilizzare la formattazione rgba per lo stile, lasciando i colori dello sfondo in formato esadecimale. Ciò significa che sei libero di cambiare i colori esadecimali che vedi nel CSS e il colore di sfondo del pulsante cambierà istantaneamente.

I pulsanti sono gratuiti per uso personale e commerciale, quindi scaricali ora e inizia a modificarli per il tuo marchio.

Come si codificano i pulsanti? C'è mai un caso per gli stati delle immagini? Fateci sapere che ne pensate nei commenti.