Contenuto a piena larghezza
+39 080 310 24 7170022 Altamura (BA) Via de Pinedo, 34
casa_divani@libero.it
Casa Divani Collection
Enjoy your sitting time
Casa Divani CollectionCasa Divani Collection
  • 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

Casa Divani Collection srl | P.IVA 07126630727 | Via de Pinedo, 34 70022 Altamura (BA)
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 */ /* ----------------------------------------- */