Experience the magic of a box that flips with just a click. Inside, an image awaits to zoom in upon hovering. Check out this sample.
The only glitch is that the zoom transition on the hidden image appears for a brief moment when I move my mouse out or back in.
Check out my solution to resolve this issue:
#box.flip:hover img{
-webkit-transform: none;
}
Although this attempt resolves the flickering issue, it resets the image before the flip transition completes, resulting in an unsightly appearance.