CSS3 3D Transform

This demo shows a flipping card effect that similar to one on the OSX. This demo shows how this effect can be achieved with CSS3 Transforms.

3D Transforms

Hello World!

.box {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

Hello World!

.box {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}