figure.effect-duke {
background: -webkit-linear-gradient(-45deg, #34495e 0, #cc6055 100%) !important;
background: -webkit-linear-gradient(135deg, #34495e 0, #cc6055 100%) !important;
background: linear-gradient(-45deg, #34495e 0, #cc6055 100%) !important
}
figure.effect-duke img,
figure.effect-duke .effect-description {
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s
}
figure.effect-duke:hover img {
opacity: .1;
-webkit-transform: scale3d(2, 2, 1);
-ms-transform: scale3d(2, 2, 1);
transform: scale3d(2, 2, 1)
}
figure.effect-duke h2 {
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
-webkit-transform: scale3d(0.8, .8, 1);
-ms-transform: scale3d(0.8, .8, 1);
transform: scale3d(0.8, .8, 1);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
figure.effect-duke .effect-description {
position: absolute;
bottom: 0;
left: 0;
margin: 20px !important;
padding: 30px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
text-align: center !important;
-webkit-transform: scale3d(0.8, .8, 1);
-ms-transform: scale3d(0.8, .8, 1);
transform: scale3d(0.8, .8, 1);
-webkit-transform-origin: 50% -100%;
-ms-transform-origin: 50% -100%;
transform-origin: 50% -100%
}
figure.effect-duke:hover h2,
figure.effect-duke:hover .effect-description {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}