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 !
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
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 "
-
Tres bien expliqué et sujet très intéressant
-
Encore une très belle astuce Merci !
-
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.
note moyenne
avis laissés