
Découvrez comment ouvrir une boîte Div en CSS

Dans ce tuto vidéo, nous allons nous intéresser au filtre CSS blur().
Ce filtre permet de flouter un élément de votre page grâce au CSS. Nous verrons comment l'utiliser en transition.
Dans notre exemple pratique, nous allons créer une page responsive qui contient des blocs qui se flouteront progressivement lorsque la souris de l'utilisateur s'en rapprochera.
Afin de mettre en avant un des blocs, ce dernier redeviendra net au survol de la souris. Ce cours sera donc l'occasion de réviser les pseudo-classes issues du langage CSS.
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.
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

Découvrez comment ouvrir une boîte Div en CSS

Maîtrisez les animations CSS avancées (scroll, view, timeline)


Comment ajouter de l'animation à votre site facilement


Image interactive avec superpositions en CSS

Savoir utiliser Grid et FlexBox ensemble

Formation complète développeur Front-End

Responsive Web Site avec CSS Grid & Flexbox

JS moderne, EXO #4 Agrandir ou réduire la taille d'un texte
Avis des apprenants