Home » Posts » CSS 3D Transform

CSS 3D Transform

January 23, 2015April 8, 2015 by admin

CSS 3D Transform

CSS3 can now renders 3D just like 3D games in your console. You won't have to wait that long to see powerful 3D games coming from both HTML5 and CSS3.

Scale X:

Scale Y:

Scale Z:

Rotate X:

deg

Rotate Y:

deg

Rotate Z

deg

Translate X:

px

Translate Y:

px

Translate Z:

px

Skew X:

deg

Skew Y:

deg

Perspective:

px

Perspective-origin-x:

%

Perspective-origin-Y:

%

Supported Browsers

At the time of writing the following browsers support CSS3 3D:

Browser	Supports CSS3 3D?
Firefox 5.0+	Full Support
Firefox 1-4	No
Safari 4+	Full Support
Safari 1-3	No
Chrome 4.0+	Full Support
IE10+	Full Support
Opera 11.1+	Full Support