&.contentLink[data-flipcard] {
background-image: none !important;
- perspective: 2000px;
position: relative;
overflow: visible;
+ transform: scale(0.25);
+ transform-origin: 0 0;
> a {
position: absolute;
display: block;
top: 0;
left: 0;
- width: 100%;
- height: 100%;
+ width: 400%;
+ height: 400%;
z-index: 1;
}
}
}
- .flipcard {
- width: 100%;
- height: 100%;
- position: absolute;
- transition: transform 0.8s;
- transform-style: preserve-3d;
-
- > div {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- backface-visibility: hidden;
-
- img {
+ .flipcard-perspective {
+ perspective: 2000px;
+
+ .flipcard {
+ width: 400%;
+ height: 400%;
+ transition: transform 0.8s;
+ transform-style: preserve-3d;
+
+ > div {
+ position: absolute;
+ top: 0;
+ left: 0;
width: 100%;
- height: 100%
+ height: 100%;
+ backface-visibility: hidden;
+
+ img {
+ width: 100%;
+ height: 100%
+ }
}
}
}