4.8/5 Trustpilot (1384 avis)
CSS, améliorer facilement le visuel des liens d'une barre de nav
CSS, améliorer facilement le visuel des liens d'une barre de nav
Dans ce tuto, je vous propose d'apprendre à créer une zone de navigation avec quelques effets sympas, dont un effet de flou, en utilisant aucun langage de programmation, uniquement du langage CSS !
L'idée sera que lorsque le pointeur de la souris passera sur la zone de navigation, alors les liens qui la composent se retrouveront floutés avec une baisse de leur opacité ainsi que de leur taille.
En revanche, le lien qui sera survollé par le pointeur de la souris ne sera pas flouté et n'aura pas de baisse de son opacité ni de sa taille.
Ce petit effet très sympas vous permettra de donner encore plus d'attractivité à vos menus de navigation, que ce soit pour vos propres sites Internet ou bien ceux de vos clients 😉
Je mets les codes de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place des bases de notre zone Nav
Mise en place des bases de notre zone Nav
Leçon 2
Mettre en forme les liens
Mettre en forme les liens
Leçon 3
Réaliser le floutage des liens
Réaliser le floutage des liens
Table des matières
Leçon 1
Mise en place des bases de notre zone Nav
06m06
Leçon 2
Mettre en forme les liens
03m54
Leçon 3
Réaliser le floutage des liens
07m22
Aperçus
Avis des apprenants