/* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Affichage photos galerie – sauvegarde - démarrer */ /* ----------------------------------------- */ .gal-box-child::before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } span { color: white; /* Good thing we set a fallback color! */ padding: 25%; position: absolute; visibility:hidden; top: -10px; bottom: 0; left: 0; right: 0; text-transform:uppercase; letter-spacing:1px; } span:after { content: ""; display: block; margin: 16px auto; width: 80px; height: 1px; background-color:#cc0000; } .gal-box-parent:hover span, .gal-box-parent:focus span { display: block; visibility:visible; text-shadow:0 0 10px black; } } .gal-box-child { text-align:center; vertical-align: center; color:white; transition: all .5s; } .gal-box-parent:hover .gal-box-child, .gal-box-parent:focus .gal-box-child { transform: scale(1.25); transition: all .5s; } .gal-box-parent { overflow: hidden; text-align:center; } .gal-box-child { width: 100%; height: 100%; background-color: grey; /* fallback color */ background-position: center; background-size: cover; } /* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Affichage photos galerie – sauvegarde - terminer */ /* ----------------------------------------- */