Emilie Admin
Messages : 338 Date d'inscription : 01/11/2013 Age : 25
| Sujet: Code bloc partenaires décalage Nigata Sam 26 Mar - 10:20 | |
| - Code:
-
/* * ------------------------------ * BLOC PARTENAIRES AVEC DECALAGE * Libre service - Never Utopia * ------------------------------ */
/* Bloc contenant les partenaires */ .staggered-partners { font-size: 0; /* ne pas enlever */ width: 791px; margin: auto; margin-top: 25px; margin-bottom: 25px; }
/* Affichage pour un lien partenaire */ .staggered-partners .partner-link { display: inline-block; width: 88px; /* largeur */ height: 31px; /* hauteur */ margin-right: 20px; }
/* Style image du partenaire */ .staggered-partners .partner-link img { position: relative; max-width: 100%; max-height: 100%; -webkit-transition: transform 600ms; transition: transform 600ms; }
/* Effet au survol sur image */ .staggered-partners .partner-link:hover img { transform: scale(1.3); -webkit-transform: scale(1.3); z-index: 1; }
/* Decalage a gauche une ligne sur 2 */ .staggered-partners .partner-link:nth-child(14n+8) { margin-left: 55px; }
/* Suppression de la marge à droite une ligne sur 2 */ .staggered-partners .partner-link:nth-child(14n) { margin-right: 0; }
/* Style quand le lien n'a pas d'image */ .staggered-partners .partner-link:empty { display: none; }
/* Crédit */ .credits-partners { margin-top: 10px; font-size: 12px; text-align: right; font-family: sans-serif; opacity: 0.3; transition: all 1s; -webkit-transition: all 1s; }
/* Lien */ .credits-partners a { text-decoration: none; color: black; }
/* Apparition du crédit au survol du bloc */ .staggered-partners:hover .credits-partners { opacity: 1; }
/*------------------------------ * FIN BLOC PARTENAIRES AVEC DECALAGE * ------------------------------ */ | |
|