elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 16:06  


Tema destacado: Nueva página de elhacker.net en Google+ Google+

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  CSS3 2D Transforms no me funciona
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: CSS3 2D Transforms no me funciona  (Leído 1,167 veces)
desastro

Desconectado Desconectado

Mensajes: 14


Ver Perfil
CSS3 2D Transforms no me funciona
« en: 30 Agosto 2011, 10:01 »


Hola a todos, estoy probando transforms en CSS3 para escalar un div pero no me funciona.
 
Código:
div {
 transform: scale(.5, .5);
 }

¿Supuestamente debería de ir, no? Yo creo que el código está bien.


En línea
EFEX


Desconectado Desconectado

Mensajes: 327


"Dinero Facil"


Ver Perfil WWW
Re: CSS3 2D Transforms no me funciona
« Respuesta #1 en: 30 Agosto 2011, 20:25 »

CSS3 2D Transforms
http://www.w3schools.com/css3/css3_2dtransforms.asp

Como lo explica tenes que usar diferentes prefijos como, -moz-, -ms-, -webkit- u -o-, en cada caso de diferente browser.

Código
div
{
transform: scale(0.5,0.5);
-ms-transform: scale(0.5,0.5); /* IE 9 */
-webkit-transform: scale(0.5,0.5); /* Safari and Chrome */
-o-transform: scale(0.5,0.5); /* Opera */
-moz-transform: scale(0.5,0.5); /* Firefox */
}
 

Actualiza tu browser hasta la ultima version.


En línea


GITHUB: github.com/empirefx
inlain

Desconectado Desconectado

Mensajes: 18


Ver Perfil
Re: CSS3 2D Transforms no me funciona
« Respuesta #2 en: 31 Agosto 2011, 11:05 »

las 2D Transforms todavía se están especificando, por ello cada navegador tiene una forma distinta de interpretarlo y tienes que utilizar un prefijo para indicar en qué navegador lo estás aplicando como te ha puesto EFEX.

En caso de IE9 tendrías que poner:
Código:
div {
    -ms-transform: scale(.5, .5);
}

Lo mismo pasa con transform-origin, tienes que poner –ms-trasnform-origin
Puedes mirar más información sobre cómo implementar las novedades de HTML5 con IE9 en la guía del desarrollador 

También puedes empezar a probar HTML5 en IE10


En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
¿Qué clientes de correo soportan CSS3?
Noticias
wolfbcn 0 405 Último mensaje 17 Mayo 2010, 21:21
por wolfbcn
Para vos, CSS3 y HTML5, ¿mejor o peor?
Desarrollo Web
Castg! 2 884 Último mensaje 25 Marzo 2011, 04:18
por EFEX
Y que tal una sección de CSS - CSS3
Sugerencias y dudas sobre el Foro
peib0l 14 1,463 Último mensaje 19 Abril 2011, 18:17
por RedZer
Soporte CSS3
Desarrollo Web
El As del Club Paris 1 821 Último mensaje 12 Agosto 2011, 03:48
por Nakp
CSS3 y HTML5 en IE6, 7 y 8
Desarrollo Web
WHK 1 521 Último mensaje 24 Enero 2012, 21:23
por drvy | BSM
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines