Dans ce tuto CSS 3 en vidéo, nous verrons comment créer un effet de flou en CSS3 sur un texte.
Nous verrons d'abord comment flouter le texte avec les propriétés nécessaires à cet effet, puis nous verrons comment utiliser cela dans un cas pratique avec Jquery. Nous prendrons l'exemple d'un système de "questions / réponses" avec les réponses floutées, et le moyen pour l'utilisateur d'afficher la réponse ou plutôt de la rendre parfaitement lisible en cliquant sur un bouton "Afficher la réponse".
Pour cela, nous flouterons le texte de la réponse au chargement de la page avec Jquery, puis nous verrons comment faire pour que le texte de la réponse devienne lisible lorsque l'on clique sur un bouton.
Bon tuto!
- Fichiers sourcestélécharger
- Certificat
Formateur : Fabien Le corre
-
Ahhh oui ! très intéressant ! Merci bien !
-
Intéressant de pouvoir masquer puis afficher un texte. Par contre débit de parole plutôt rapide, et le titre du tuto ne correspond pas totalement à l'exercice. Aucune mention de javascript. On pense donc qu'il ne s'agit que de CSS3.
-
Une bonne astuce expliquée simplement et efficacement! Merci beaucoup ^^
note moyenne
avis laissés