Jump to content
Hey David, one of the better intros I’ve seen, so many other articles just run through all the “pieces”, but you actually introduce in an order that should make it more easily understandable to newbies.
One note that might be helpful for any card-flippers out there: -webkit-backface-visibility: hidden; does not yet work in Chrome, even though it does work in Chrome’s WebKit-cousin, Safari…
To get around this, I placed the card back at 90deg, 0-opacity, then applied a delay on the back transition so that the front would start to flip, and when it got half-way, I started the back transition. It worked really well.