Ce tuto CSS 3 gratuit en vidéo est l'occasion de découvrir, pas à pas, la démarche à suivre pour réaliser le remplissage d'un masque en CSS3.
L'objectif de ce tuto est de réaliser un masque sur un texte afin de lui donner un effet de transition de couleurs. Les points abordés lors de ce tutoriel CSS3 sont :
- la structure HTML à mettre en place pour créer un masque de remplissage
- étude des propriétés text-fill-color et background-clip pour la création du masque
- étude des animations avec les keyframes pour réaliser la transition de couleur.
A la fin de ce tutoriel, vous aurez acquis tout le savoir et toutes les compétences pour un texte avec une transition de couleur à partir de la technique d'un masque en CSS3.
La technique étudiée fonctionne pour les navigateurs : Chrome et Safari. Les fichiers sources sont fournis.
Avis des apprenants