top of page
bottom of page
.flipcard_effect.box { perspective: 1000px; position: relative; overflow: visible; } .flipcard_effect.box:hover { /* This will trigger the flip animation on hover */ } .flipcard_effect.box > * { transition: transform 0.6s cubic-bezier(0.4,0.2,0.2,1); transform-style: preserve-3d; backface-visibility: hidden; } .flipcard_effect.box:hover > * { transform: rotateY(180deg); }