Works on all browsers

In this version, CSS rotates two faces separately.

It doesn't work on IE11 and Firefox(32bits) and Safari

In this version, the card div holds two faces and css rotates the card. It's more logical but unfortunately it won't work on IE and Firefox(32bit) and Safari.

Extra

Based on the two-faces-separately method.