Bureaucrates, jol, Administrateurs
11 537
modifications
Modifications
aucun résumé de modification
.texture-block { position:relative; float:left; width:74px; margin-right:10px; margin-bottom:10px; background: #102945; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 5px; padding:5px; }
.texture-block .image { background:#fff; padding:2px; position:absolute; overflow:hidden; left:50%; margin-left:-65px; bottom:100%; margin-bottom:-5px; width:132px; display:block; transform: scale(1,0) translateZ(0) translateY(20px); transition: all 0.2s ease-in-out; opacity:0; transform-origin:50% 100%none; z-index:2; box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.3); }
.texture-block .image img { max-width:100%; display:block; }
.texture-block:hover .image { transformdisplay: scale(1,1) translateZ(0) translateY(0); opacity:1block; }
.texture-block .vignette img { width:64px; height:64px; display:block; transform: scale(1,1) translateZ(0); transition:transform 0.2s ease-in-out; }
.texture-block:hover .vignette img { transform: scale(1.2,1.2) translateZ(0); }
.texture-block p { text-align: center; }
.texture-block p a { color:#b6cbdf; text-decoration:none; }
.texture-block p a:hover { color:#fff; }
@supports (transform:scale(1)) {
.texture-block .image { display:block; transform: scale(1,0) translateZ(0); transition: all 0.2s ease-in-out; opacity:0; transform-origin:50% 100%; }
.texture-block .image img { max-width:100%; display:block; }
.texture-block:hover .image { transform: scale(1,1) translateZ(0); opacity:1; }
}