Flouter les liens d'une barre de navigation
ERROR
00:00
00:00

TUTO Flouter les liens d'une barre de navigation

Carl Brison
6,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto vidéo, je vous propose de réaliser un petit effet de flou sympathique sur les liens d'un menu.
Le but sera de doubler la taille du lien qui sera survolé par le pointeur de la souris et dans le même temps, de flouter les autres liens.
Nous allons utiliser quelques propriétés CSS puissantes qui vont nous permettre de parfaitement bien gérer notre code.

Grâce à la magie du langage CSS, nous obtiendrons un très bel effet !
Ce cours est accompagné d'un QCM pour valider vos connaissances acquises.
Et un salon d'entraide est à votre disposition pour soumettre toutes vos questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en forme générale
Leçon 2
Mise en place des effets
Leçon 3
Conclusion

Plan détaillé du cours

Leçon 1Mise en forme générale
06m37s
Leçon 2Mise en place des effets
07m11s
Leçon 3Conclusion
01m05s

Avis des apprenants

Détail des avis
14
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 12/09/2023
Très intéressant l'utilisation de la propriété filter dans ce cas, ça me donne des idées sur l'utilisation de cette propriété comme caché des données sensibles. Le rendu final est top. Merci Carl, excellent tuto et explications. Validé 100 % #flouter-liens-barNav
Carl Brison
Carl Brison
Merci Alain, pour ce commentaire super gentil ;-)
Valérie Arno
Valérie Arno
Publié le 21/07/2021
C'est avec grand plaisir que j'ai suivi ce petit tuto, avec à l'appui de nouvelles astuces css. Dans un langage clair, des explications précises, Carl est un formateur très apprécié. Merci à vous :-)
Carl Brison
Carl Brison
Merci beaucoup Valérie ;-)))
Mourad Ben Ammar
Mourad Ben Ammar
Publié le 20/04/2021
Excellent tuto toujours tres bien expliqué
Carl Brison
Carl Brison
Merci beaucoup ;-)))

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Que contient le fichier source ?

Le code source de ce tutoriel

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données