3D Transformations in IE 10
Once you have Windows 8 successfully installed and running,
you may notice Internet Explorer 10 is loaded on it.
Yay! IE 10 is developed keeping in mind new
HTML 5, CSS3 and
other Web 2.0 needs and features. One of the newest features supported in HTML
5 and CSS3 is a 3D transform. So, you don't need to build 3D graphics and display
in the browser to have 3D graphics. You can actually use your IE 10 as a
canvas and draw 3D drawings on it.
I was reading
CSS3
3D Transform in IE10 blog written by the IE team and it is interesting to see
how IE is evolving. It sounds similar to what Google is doing with Chrome with
HTML 5 and CSS3 support.
CSS3 Transforms provides functions and values for the CSS
transform and transform-origin properties that apply geometric transformations
operations to HTML elements. CSS 3D Transforms extends the transforms functions
to enable 3D transforms. The rotate(), scale(), translate(), skew(), and
matrix() transform functions are expanded to encompass the 3D space with a
z-coordinate parameter—or in the case of matrix3d(), an extra 10 parameters—and
by spawning additional transform functions, for example, rotateZ() and
scaleZ().
A new perspective transform function gives transformed
elements depth by making distant points appear smaller.
CSS3 3D Transforms also adds a few new CSS properties. In
addition to the transform and transform-origin properties, IE10 supports
vendor-prefixed perspective, perspective-origin, backface-visibility, and the
flat value of transform-style.