Le Blog

Le blog laboratoire de F.L.D. Studio
0

new wave

Nouvelle vague

Suite à un tutoriel de chez Grafikart (  http://www.grafikart.fr/tutoriels/javascript/material-design-wave-644  ) sur l'effet "wave" inventé par Google dans son concept de " Material design ', voiçi un test réalisé sur codepen à partir du code fournis. Une petite variante permet de choisir via le CSS la couleur de remplissage de la vague.  Il s'agit d'une nouvelle rêgle qui demande à  la classe .wave-effect qui est surchargée par la rêgle rouge de changer la couleur du background, autrement dit du remplissage. Pratique si on dispose d'un bouton transparent ou si on souhaite des couleurs de remplissages différentes sur des boutons.

Exemple :

CSS

/*Gestion couleur du remplissage*/
 .wave-effect.rouge > .wave{
  background-color:red;
 }

HTML

class="bt-envoyer wave-effect rouge"

Catégories: Développement WEB

Commentaires: Pas de commentaires

Envoyer un commentaire