Boutons "Flat" (Inline)

Voir le sujet précédent Voir le sujet suivant Aller en bas

CSS Boutons "Flat" (Inline)

Message par Ajesto le Ven 20 Jan - 21:13

Bonjour,

J'ai des boutons de navigations simple pour vous, créer par mes soins. Voici la démo. Les boutons apparaissent à deux endroits : Sur fond foncé et fond clair.




Le HTML:


Code:
<a class="ca-link-button1" href="http://lien.com/">Bleu</a>
<a class="ca-link-button2" href="http://lien.com/">Vert</a>
<a class="ca-link-button3" href="http://lien.com/">Rouge</a>


Le CSS:


Code:
a.ca-link-button1, a.ca-link-button2, a.ca-link-button3 { /* Configuration des boutons */
    font-size: 25px;
    padding: 6px 9px;
    border-radius: 3px;
    background-color: black;
    color: white;
    transition: all 200ms;
}
a.ca-link-button1 { background-color: #00a4ff; } /* Bouton bleu */
a.ca-link-button1:hover { background-color: #24b1ff; } /* Survol */

a.ca-link-button2 { background-color: #4aa04a; } /* Bouton vert */
a.ca-link-button2:hover { background-color: #5cb15c; } /* Survol */

a.ca-link-button3 { background-color: #d05454; } /* Bouton rouge */
a.ca-link-button3:hover { background-color: #d26565; } /* Survol */


Bien à vous,
Laiorm


avatar
Ajesto
Fondateur
Fondateur

Messages : 115 Masculin Points : 3

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum