¿Alguien ha realizado pruebas para ejecutar transformaciones CSS 3D en Internet Explorer 9? Si es así, ¿han tenido éxito?¿IE9 admite transformaciones 3D CSS?
No puedo encontrar ninguna información sobre el mismo, por supuesto Chrome/Safari/Firefox ya se están añadiendo soporte para él :)
Algunos malvados nueva sintaxis CSS 3D
translate3d (x, y, z), translateZ (z)
Mueva el elemento en x, y y z, y simplemente mueva el elemento en z. Positivo z es hacia el espectador. A diferencia de xey, el valor z no puede ser un porcentaje.
scale3d (sx, sy, sz), scaleZ (sz)
Escala el elemento en x, y y z. La escala z afecta la escala a lo largo del eje z en niños transformados.
rotateX (ángulo), rotateY (ángulo), ROTATE3D (x, y, z, el ángulo),
Los primeros dos formas simplemente girar el elemento alrededor de los ejes horizontal y vertical. Las unidades de ángulo pueden ser grados (grados) radianes (rad) o gradiares (grad). La última forma le permite rotar el elemento alrededor de un vector arbitrario en el espacio 3D; x, y y z deberían especificar el vector unitario que desea rotar (lo normalizaremos para usted).
perspectiva (p)
Esta función le permite poner un poco de perspectiva en la matriz de transformación. Para una explicación de p, ver a continuación. Normalmente perspectiva se aplica a través de la propiedad -webkit-perspectiva, pero esta función le permite obtener un efecto de perspectiva de un solo elemento, con algo como:
-webkit-transform: perspective(500px) rotateY(20deg);
Matrix3D (...)
Esta función le permite para especificar la matriz de transformación homogénea bruta 4 × 4 de 16 valores en orden de columna mayor. ¡Divertirse con eso!
Tomado de here.
http://caniuse.com/#search=transform – mVChr
Echa un vistazo a este sitio web: http://caniuse.com/, sobre todo esto: http://caniuse.com/#feat=transforms3d – Jason