Effet de couleurs coulissantes sur un bouton – CSS

Sliding colors button
Effet de couleurs coulissantes sur un bouton

On cherche à obtenir un effet de couleurs coulissantes sur un bouton en CSS3. On utilise les pseudo-éléments ::before et ::after pour les fonds de couleurs en position absolute et une transition sur la propriété left de ces éléments.

Pour obtenir cet effet, on crée le bouton avec une classe que l’on va styliser dans un fichier css :

Et l’on écrit dans le style :

Et hop, un joli bouton avec un effet de couleurs coulissantes au survol.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *