Gratuit : Comment créer un Glass Effect en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Gratuit : Comment créer un Glass Effect en CSS

Adrien Gazaix

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS gratuit en vidéo, nous allons voir ensemble comment créer un "Glass Effect" uniquement grâce à une nouvelle propriété CSS !

Cela permettra de flouter le background qui est en dessous de la box contenant du texte par exemple et ainsi augmenter la lisibilité tout en gardant un effet graphique.

Nous verrons aussi comment mettre en place un background aléatoire pour faciliter l'intégration et qu'il sera aussi possible de cumuler les effets avec la saturation, le contraste...

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.

N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Glass Effect en CSS

Plan détaillé du cours

Leçon 1Glass Effect en CSS
12m41s

Avis des apprenants

Détail des avis
388
Apprenants
13
Commentaires
5/5
Note moyenne
5/5
12
4/5
1
3/5
0
2/5
0
1/5
0
Patricia Feytout Aubertie
Patricia Feytout Aubertie
Publié le 21/07/2021
Pas mal j'ai récupéré qlq petites astuces...merci
Adrien Gazaix
Adrien Gazaix
Tant mieux alors :) Bonne continuation !
Valérie Arno
Valérie Arno
Publié le 05/03/2021
Merci beaucoup - Une option intéressante qui n'est pas très difficile à utiliser et qui agrémente l'affichage dans nos pages. Au passage j'aime bien vos tutos, vous expliquez bien et c'est agréable de vous suivre.
Kévin Bourisville
Kévin Bourisville
Publié le 25/02/2021
Merci pour ce tuto inspirant

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

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données