How do I debug disappearing rotated elements in CSS?

Vote count:

0

I have a card with something on the back, and I'm y-rotating the card +/- 180 deg:

http://ift.tt/1vMw9N6

#back {
    transform: rotateY(180deg);
}
.flipped-right {
    transform: rotateY(180deg);
}
.flipped-left {
    transform: rotateY(-180deg);
}

In the jsfiddle basic example, both flips work fine. However, in my application, flipping right works, but when I flip left exactly 180 deg, I can't see the back. I can see it at 181 deg or 179 deg:

and then

I can't figure out what's different between the fiddle and my app that might be causing this. How can I further diagnose this?

asked 1 min ago

Friday

1,154

How do I debug disappearing rotated elements in CSS?