CSS – 3D Transforms with cross browser compatibility.

The Source Code to copy/paste:

1
2
3
4
5
6
7
8
9
10
.3dtransforms {
  -webkit-perspective: 300px;  /* Chrome 12+, Safari 4+
     -moz-perspective: 300px;  /* Firefox 10+
      -ms-perspective: 300px;  /* IE 10
          perspective: 300px;
  -webkit-transform: rotateY(180deg);  -webkit-transform-style: preserve-3d;
     -moz-transform: rotateY(180deg);     -moz-transform-style: preserve-3d;
      -ms-transform: rotateY(180deg);      -ms-transform-style: preserve-3d;
          transform: rotateY(180deg);          transform-style: preserve-3d;
}

My official WebSite >