Site URL: https://flywithaero.com
Hi. Added this code to handle a hover image flip on desktop. Is there an easy way to make it clickable to force the flip vs hover so that it works on mobile? Thx!
/*Card Flip Effect */
#block-85a887d1dc5628d60653, #block-031ca31155a4ee12892f, #block-ec3b24d7d269c403c1c5 {
/* Default Setup */
&.image-block .sqs-block-content{
perspective: 2000px;
}
.design-layout-poster {
position: relative;
transition: transform 0.8s;
transform-style: preserve-3d;
}
//Image
.design-layout-poster .intrinsic{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
//Caption
.design-layout-poster figcaption{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotateY(180deg);
background: hsla(0,0%,15%,1);
//Add if needed
//border-radius: 20px;
}
/*Hover Effect*/
&.image-block:hover .design-layout-poster {
transform: rotateY(180deg);
}
}