Objectif Frontend. Comment flouter facilement en CSS?
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Objectif Frontend. Comment flouter facilement en CSS?

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place du code HTML
Leçon 2
Mise en place du code CSS de base
Leçon 3
Mise en place de l'effet de floutage
Leçon 4
Retirer l'effet de floutage à la section choisie par l'utilisateur

Plan détaillé du cours

Leçon 1Mise en place du code HTML
02m41s
Leçon 2Mise en place du code CSS de base
08m52s
Leçon 3Mise en place de l'effet de floutage
07m21s
Leçon 4Retirer l'effet de floutage à la section choisie par l'utilisateur
05m38s

Aperçus

Avis des apprenants

Détail des avis
5
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 12/06/2023
Un peu de css pour des petits apprentissages toujours bienvenus!
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

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

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tutoriel.

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données