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

TUTO Objectif Frontend. Comment flouter facilement en CSS?

Carl Brison
8,99€
Acheter maintenant, payer plus tard. En savoir plus

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
02m41
Leçon 2Mise en place du code CSS de base
08m52
Leçon 3Mise en place de l'effet de floutage
07m21
Leçon 4Retirer l'effet de floutage à la section choisie par l'utilisateur
05m38

Aperçus

Avis des apprenants

Détail des avis
28
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.

Payer plus tard

Prix d'achat : 8,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données