Contenuto a piena larghezza
+39 080 310 24 71
70022 Altamura (BA) Via de Pinedo, 34
casa_divani@libero.it
Casa Divani Collection
Enjoy your sitting time
Home
L’azienda
Chi siamo
Made in Italy
News
Collezioni
Divani
Divani letto
Letti
Catalogo
Contatti
Home
L’azienda
Chi siamo
Made in Italy
News
Collezioni
Divani
Divani letto
Letti
Catalogo
Contatti
Divani
Alba
Arco
Brio
Cherry
Chester
Coral
Deejay
Diapason
Driade
Karima
Keen
King
Kristal
Leccio
Martina
Matrix
Nando
Ontano
Pansè
Paris
Perlè
Piumone
Praga
Serena
Sharon
Smart
Space
Square
Titan
Tokio
Victoria
Go to Top
/* ----------------------------------------- */ /* Modello di contenuto: Loop item in Divani View - inizio */ /* ----------------------------------------- */ figure { overflow: hidden; } a p { color: black; margin-top: 8px; font-family: 'Open Sans', sans-serif; } a:hover { text-decoration: none; } .column img { display: block; width: 100%; height: 300px; } /* CSS Image Hover. Created refering to Naoya's Pen: https://codepen.io/nxworld/pen/ZYNOBZ */ /*Sepia*/ .column#sepia img { -webkit-filter: brightness(100%); filter: brightness(100%);; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .column#sepia:hover img { -webkit-filter: brightness(0); filter: brightness(0%);; } /*GrayScale*/ .column#grayscale img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .column#grayscale:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /*Zoom In*/ .column#zoomIn img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .column#zoomIn:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); } /*Zoom Out*/ .column#zoomOut img { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .column#zoomOut:hover img { -webkit-transform: scale(1); transform: scale(1); } /* 3D Transform. Craeted refering to Dudley Storey's Pen: https://codepen.io/dudleystorey/pen/KFLJp */ .tdimension { width: 300px; height: 300px; margin: 20px auto 40px auto; perspective: 1000px; } .tdimension a { display: block; width: 100%; height: 100%; background: url("https://mir-s3-cdn-cf.behance.net/project_modules/disp/e8346826957515.56361c2106f3f.png"); background-size: cover; transform-style: preserve-3d; transform: rotateX(70deg); transition: all 0.8s; } .tdimension:hover a { transform: rotateX(20deg); } .tdimension a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)); transform: rotateX(90deg); transform-origin: bottom; } /*With Simple Caption*/ .column#caption { position: relative; } .column#caption .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; opacity: 0; transition: all 0.8s ease; } .column#caption .text h1 { margin: 0; color: white; } .column#caption:hover .text { opacity: 1; } .column#caption:hover img { -webkit-filter: brightness(40%); } /* Craeted refering to LittleSnippets.net Pen: https://codepen.io/littlesnippets/pen/adLELd */ .frame { text-align: center; position: relative; cursor: pointer; perspective: 500px; } .frame img { width: 300px; height: 300px; } .frame .details { width: 70%; height: 80%; padding: 5% 8%; position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateY(90deg); transform-origin: 50%; background: rgba(255,255,255,0.9); opacity: 0; transition: all 0.4s ease-in; } .frame:hover .details { transform: translate(-50%, -50%) rotateY(0deg); opacity: 1; } /* ----------------------------------------- */ /* Modello di contenuto: Loop item in Divani View - fine */ /* ----------------------------------------- */