Ajoutez des boutons préconçus à votre site avec Butns.css

Les frameworks frontend, tels que Bootstrap, sont livrés avec leur propres styles de boutons, mais ils n'a généralement pas beaucoup de variété.

Le libre Bibliothèque Butns des offres une multitude de styles de boutons personnalisés sans tout le cadre ci-joint. C'est parfait pour les développeurs qui avez déjà un design de page personnalisé mais ne veulent pas s'occuper de leurs propres styles de boutons.

Vous avez des choix et des combinaisons pratiquement illimitées. Butns a plus de 30+ couleurs de fond / bordures différentes que vous pouvez mélanger et assortir pour traditionnel boutons plats ou boutons de pilule ou même boutons fantômes.

Vous pouvez également choisir entre différents styles de dégradés qui maille deux couleurs différentes ensemble. Ces boutons de dégradé ont fière allure avec une ombre portée pour un effet de relief en relief.

Outre les couleurs et les ombres, vous pouvez également changer la forme, la taille et la transparence de n'importe quel bouton.

Tout est contrôlé via des classes CSS, de sorte que vous avez vraiment un accès complet à tout dans la bibliothèque.

Ce que j’aime le plus chez Butns, c’est que vous pouvez facilement basculer entre différents styles juste par mettre à jour un nom de classe. Il n'y a pas de système trop complexe pour ajouter des styles ou éditer une feuille de style. Vous venez d'échanger des cours et vous êtes prêt à partir.

Bien qu'il n'y ait pas de mal à écraser certaines de ces classes avec vos propres préférences. C'est la beauté de l'effet en cascade en CSS.

Pour commencer juste télécharger le .css fichier depuis la page d'accueil de Butns ou depuis le dépôt GitHub. Ils sont tous les deux liés à la version la plus récente, donc les deux solutions sont acceptables..

Une fois ajouté à votre page Web, il suffit de ajouter la classe .bouton à tout ce que vous voulez être en forme de bouton. A partir de là, c'est une question de ajouter des cours supplémentaires basé sur les couleurs, la taille et le style du bouton que vous voulez.

Jetez un coup d’œil à la page GitHub près de la liste des classes. Vous trouverez un liste complète de toutes les classes pour personnaliser la couleur, le type de bouton et les options d'affichage telles que petit / grand ou semi-transparent.

Butns.css est facilement une des feuilles de style les plus complètes sur le Web. Vous pouvez l'ajouter à plusieurs projets Web et tous peuvent avoir un look différent avec cette une bibliothèque.

Ça aussi joue bien avec d'autres cadres comme Bootstrap depuis le les classes ne se chevauchent pas. Vous pouvez ainsi fusionner Butns avec presque tous les autres environnements frontaux du marché, sans tracas..