figure.effect-moses {
background: -webkit-linear-gradient(-45deg, #EC65B7 0, #05E0D8 100%);
background: -webkit-linear-gradient(135deg, #EC65B7 0, #05E0D8 100%);
background: linear-gradient(-45deg, #EC65B7 0, #05E0D8 100%)
}
figure.effect-moses img {
opacity: .85;
-webkit-transition: opacity .35s;
transition: opacity .35s
}
figure.effect-moses h2,
figure.effect-moses .effect-description {
padding: 20px;
width: 50%;
height: 50%;
border: 2px solid #fff
}
figure.effect-moses h2 {
padding: 20px;
width: 50%;
height: 50%;
text-align: left;
-webkit-transition: -webkit-transform .35s;
transition: transform .35s;
-webkit-transform: translate3d(10px, 10px, 0);
-ms-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0)
}
figure.effect-moses .effect-description {
float: right;
padding: 20px;
text-align: right;
opacity: 0;
font-size: 15px;
-webkit-transition: opacity .35s, -webkit-transform .35s;
transition: opacity .35s, transform .35s;
-webkit-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
figure.effect-moses:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
figure.effect-moses:hover .effect-description {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
figure.effect-moses:hover img {
opacity: .6
}