Catalogues

/* ----------------------------------------- */ /* Visualiser le slug : catalogs - début */ /* ----------------------------------------- */ span.catalog-new { position: absolute; right: 0; top: 0; background: red; color: white; padding: 5px; width: auto; height: 40px; padding: 0px 10px 0px 10px; line-height: 40px; font-weight: bold; font-size: 14px; } .catalog-holder { cursor: pointer; /* background-color: #eee; */ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); display: inline-block; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; box-sizing: border-box; -webkit-transition: 0.2s; perspective: 1200px; -moz-perspective: 1200px; margin: 30px 10px 10px; -webkit-perspective: 800px; } .catalog-holder:hover { box-shadow: 6px 3px 10px rgba(0, 0, 0, 0.40); } .catalog-cover { background-size: 100% 100%; height: 100%; width: 100%; transform-origin: left; top: 0; background-color: #eee; position: absolute; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); } .catalog-cover:hover { -webkit-transform: rotateY(-20deg); -moz-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); transform: rotateY(-20deg); box-shadow: 3px 0 12px rgba(0, 0, 0, 0.60); } /* ----------------------------------------- */ /* Visualiser le slug : catalogs - fin */ /* ----------------------------------------- */