Les états des boutons sauvegardés en tant qu'images et basculés par CSS sont tellement obsolètes que cela est douloureux. Nous devrions tous utiliser CSS3 pour créer des boutons. Nous savons tous pourquoi: ils sont facilement modifiables, multi-plateformes, légers, accessibles; la liste des avantages est infinie.
Ce qui n'est pas toujours facile, c'est de les coder. Bien sûr, vous pouvez utiliser un framework, mais pour la plupart des projets, il est trop gros. Peut-être que vous voulez coller au design plat; ajoutez simplement une couleur d'arrière-plan et assurez-vous que la bordure par défaut est supprimée. Quelqu'un d'autre sera ravi qu'Irina Petculescu, une auto-proclamée CSS3 junky et fondatrice de prowebdesign.ro a mis en place ces boutons CSS3 gratuits. Voir son site pour plus de cadeaux.
Ils existent en deux styles: plat, qui maintient un petit biseau; et brillant, avec des dégradés bien rendus. Il y a même des transitions de base pour rendre les rollovers agréables.
Ce qui est encore mieux, c’est que l’équipe a veillé à utiliser le formatage rgba pour le style, en laissant les couleurs de fond au format hexadécimal. Cela signifie que vous êtes libre de changer les couleurs hexadécimales que vous voyez dans le CSS et que la couleur d’arrière-plan du bouton change instantanément.
Les boutons sont gratuits pour un usage personnel et commercial, alors téléchargez-les maintenant et commencez à les modifier pour votre marque.
Comment codez-vous les boutons? Y a-t-il un cas pour les états d'image plus longtemps? Faites-nous savoir vos pensées dans les commentaires.