3,00

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

3,00

  • Une formation vidéo de 16m34s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Astuce CSS : Créer une galerie d'images avec un effet Pinterest

ajouter ce cours aux favoris retirer ce cours des favoris

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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 202 tutoriels et obtenu une note moyenne de 4,8/5 sur 59 903 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

8
avis laissés
5 étoiles
8
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de emerson21 laissé 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 "
    "Oui bien sûr que c'est possible 😉 merci pour ton retour !"

  • 5
    avis de membre-557-2429 laissé le 25/11/2021
    Tres bien expliqué et sujet très intéressant

  • 5
    avis de membre-7698-6589 laissé le 19/11/2021
    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.
Parcours Developpeur Front End
accédez à plus de 1433 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données