Effet de flou sur un texte en CSS 3
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Effet de flou sur un texte en CSS 3

Fabien Le Corre

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Sans titre

Plan détaillé du cours

Leçon 1Sans titre
08m16

Avis des apprenants

Détail des avis
659
Apprenants
4
Commentaires
4,8/5
Note moyenne
5/5
5
4/5
1
3/5
0
2/5
0
1/5
0
Amirouche Belbachir
Amirouche Belbachir
Publié le 07/09/2020
Ahhh oui ! très intéressant ! Merci bien !
Valérie Arno
Valérie Arno
Publié le 30/07/2019
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.
Jennyfer Vogel
Jennyfer Vogel
Publié le 27/08/2015
une bonne astuce expliquée simplement et efficacement! Merci beaucoup ^^

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données