CSS – 3D Transforms with cross browser compatibility.
The Source Code to copy/paste:
1 2 3 4 5 6 7 8 9 10 | . 3 dtransforms { -webkit-perspective: 300px ; /* Chrome 12 +, Safari 4 + -moz-perspective: 300px ; /* Firefox 10 + -ms-perspective: 300px ; /* IE 10 perspective: 300px ; -webkit-transform: rotateY( 180 deg); -webkit-transform-style: preserve -3 d; -moz-transform: rotateY( 180 deg); -moz-transform-style: preserve -3 d; -ms-transform: rotateY( 180 deg); -ms-transform-style: preserve -3 d; transform: rotateY( 180 deg); transform-style: preserve -3 d; } |