Aggiungi pulsanti pre-progettati al tuo sito con Butns.css

I framework di frontend, come Bootstrap, vengono con i loro propri stili di pulsanti, ma loro di solito non hanno molta varietà.

Il libero Biblioteca di Butns offerte una manciata di stili di pulsanti personalizzati senza l'intero quadro allegato. Questo è perfetto per gli sviluppatori che hai già un design di pagina personalizzato ma non voglio occuparti di creare i propri stili di pulsanti.

Hai praticamente scelte e combinazioni illimitate tra cui scegliere. Butns ha oltre 30 diversi colori di sfondo / bordo che puoi combinare per tradizionale bottoni piatti o bottoni della pillola o anche pulsanti fantasma.

Puoi anche scegliere tra diversi stili di sfumatura che unisce due colori diversi. Questi pulsanti sfumati sono fantastici con un'ombra esterna per un effetto rilievo in rilievo.

Insieme a colori e ombre, puoi anche cambia forma, dimensione e trasparenza di qualsiasi pulsante.

Tutto è controllato tramite classi CSS, quindi hai davvero accesso completo a tutto ciò che è nella libreria.

Quello che mi piace di più di Butns è che puoi facilmente passare tra diversi stili solo da aggiornare un nome di classe. Non esiste un sistema eccessivamente complesso per aggiungere stili o modificare un foglio di stile. Devi solo scambiare le lezioni e sei a posto.

Anche se non c'è nulla di male sovrascrivendo alcune di queste classi con le tue preferenze. Questa è la bellezza dell'effetto a cascata nei CSS.

Per iniziare solo scarica il .css file dalla home page di Butns o dal repository GitHub. Entrambi collegano alla versione più aggiornata, quindi in entrambi i casi è OK.

Una volta che viene aggiunto alla tua pagina web, solo aggiungere la classe .pulsante a tutto ciò che vuoi essere modellato come un pulsante. Da lì è una questione di aggiungere classi extra in base ai colori, alle dimensioni e allo stile del pulsante che desideri.

Dai un'occhiata alla pagina GitHub in basso vicino all'elenco delle classi. Troverete a elenco completo di tutte le classi per personalizzare il colore, il tipo di pulsante e le opzioni di visualizzazione come piccolo / grande o semi-trasparente.

Butns.css è facilmente uno dei più completi fogli di stile per i pulsanti In rete. È possibile aggiungerlo a più progetti Web e tutti possono avere un aspetto diverso con questa libreria.

Anche gioca bene con altri framework come Bootstrap dal le classi non si sovrappongono. In questo modo puoi unire Butns praticamente a qualsiasi altro framework di frontend sul mercato senza problemi.