TUTO Objectif Frontend. Comment créer facilement une zone nav floutée

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.