Quadrille

/* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Vue catalogue test 2 - démarrer */ /* ----------------------------------------- */ .catalogue-wrapper { width:100%; padding-bottom:66%; overflow:hidden; position:relative; z-index:0; background-position: center center; box-shadow:none; -webkit-transition: box-shadow 0.2s; /* Safari */ transition: box-shadow 0.2s; transition: height 2s; } .catalogue-wrapper:hover .catalogue-style { display:block; } .catalogue-wrapper:hover { box-shadow: 4px 4px 7px rgba(0,0,0,0.8); } .catalogue-wrapper-gradient { height:100%; width:100%; position:absolute; background-size:100% 100%; background-repeat:no-repeat; /*background-image: url(https://www.musiques-itinerantes.com/wp-content/uploads/2018/02/Black-gradient.png);*/ } .carre-catalogue { width:100%; background-size: cover; overflow:hidden; z-index:5; position:absolute; bottom:0; right:0; padding:5px 10px; background: rgba(0,0,0,0.4); } .catalogue-artist-name { z-index:5 } .catalogue-style { color:white; font-size: 13px; text-shadow: 0 0 2px black; display:none; } h2.catalogue-titre, .catalogue-titre>a, .catalogue-titre>a:hover { color:gold; text-decoration: none; text-transform:uppercase; font-size: 20px; font-weight: 600; letter-spacing: 0; margin-bottom:0; text-shadow: 0px 0px 5px black; } .catalogue-img { z-index:-1; width:100%; padding-bottom:66%; background-size:cover; position:absolute; background-position: center center; } /* ----------------------------------------- */ /* Modèle de contenu : Élément de boucle dans Vue catalogue test 2 - terminer */ /* ----------------------------------------- */