/—————–/ /***** Selena *****/ /—————–/
figure.effect-selena {
background: #530720;
}
figure.effect-selena img {
cursor: default; opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
}
figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95,0.95,1); transform: scale3d(0.95,0.95,1);
}
figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);
}
figure.effect-selena p {
opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%;
}
figure.effect-selena:hover h2 {
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}
figure.effect-selena:hover p {
opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1,0,0,0); transform: perspective(1000px) rotate3d(1,0,0,0);
}