Astuce CSS : Créer une galerie d'images avec un effet Pinterest
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Astuce CSS : Créer une galerie d'images avec un effet Pinterest

Adrien Gazaix

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS en vidéo, nous allons découvrir ensemble comment créer une galerie d'images avec un effet Pinterest uniquement avec du CSS.
En effet, toutes les images seront de dimensions différentes et celles-ci s'empileront de manière fluide sur 3 colonnes sans laisser de vide.
Le tout sera bien entendu responsive sur mobile/tablette.

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

Si vous souhaitez découvrir d'autres astuces CSS, je vous conseille mon Bundle regroupant 10 astuces & exercices pour vous perfectionner.
Les fichiers sources sont inclus avec le tuto.

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.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer une galerie d'images avec un effet Pinterest

Plan détaillé du cours

Leçon 1Créer une galerie d'images avec un effet Pinterest
16m34

Aperçus

Avis des apprenants

Détail des avis
126
Apprenants
9
Commentaires
5/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
0
Membre-8027-7411
Membre-8027-7411
Publié le 11/10/2023
Super tuto, les explications sont très claires. Merci Adrien !
Adrien Gazaix
Adrien Gazaix
De rien et bonne continuation 😁
Dehousse Marcel
Dehousse Marcel
Publié le 21/03/2022
Super tuto , très bien expliqué. Pas de Js c'est pratique et pas lourd. Serail il possible de mettre un texte pour nommer les images au moment du " hover "
Adrien Gazaix
Adrien Gazaix
Oui bien sûr que c'est possible 😉 merci pour ton retour !
Membre-557-2429
Membre-557-2429
Publié le 25/11/2021
Tres bien expliqué et sujet très intéressant

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 ?

Les fichiers pour commencer le tuto ainsi que ceux obtenus à la fin de la formation.

Attendez ! 🤗

Accédez à plus de 1424 tutos gratuits

Notre politique de protection des données