css-transforms

Prevent flicker on webkit-transición de webkit-transform [duplicar]

Posible Duplicado:las animaciones css de iphone webkit causan parpadeo Por alguna razón, justo antes de que ocurra m ... cionar el problema? Gracias! Actualización: esto solo ocurre en Safari. No sucede en Chrome, aunque la animación funciona.

Transformación CSS 3D, bordes dentados en Firefox

Similar a " transformación css, bordes dentados en chrome ", lo mismo ocurre con Firefox en transformaciones 3D, por ejemplo: http://jsfiddle.net/78d8K/5 / (Firefox ) Esta vez, backface-visibility no ayuda : ( Alguna idea?

Cómo restablecer CSS3 * - transform: translate (translate)?

¿Cómo se supone que debo restablecer las transformaciones CSS aplicadas anteriormente? Digamos que tengo: div.someclass { ... cómo borro todas las transformaciones/traducciones? Debo usar: translate(0, 0); / translate3d(0, 0, 0); o transform:auto; ?

¿usar múltiples filtros css al mismo tiempo?

Estoy experimentando con filtros css. Y me gustaría usar el desenfoque y la escala de grises al mismo tiempo, pero parece qu ... o-filter: blur(5px) grayscale(1); -ms-filter: blur(5px) grayscale(1); } Cualquier ayuda sería un gran agradecimiento.

¿Por qué backface-visibility hidden no funciona en IE10 cuando la perspectiva se aplica a los elementos principales?

Ok, así que aquí hay otro fallo IE10. El problema es que la aplicación de perspectiva en los elementos principales rompe la c ... es una solución. La cara trasera-visibilty cosita es probaly un error? Si es así, ¿hay más trabajo que el que he mencionado?

Rotar página web a través de código?

Espero que haya una forma relativamente simple de rotar un poco una página web, 30 grados más o menos, mientras que todavía l ... funcionarán? ¿Hay alguna forma de usar CSS, Javascript o algún otro método de navegador cruzado que me permita lograr esto?

Transformación CSS con cambio de tamaño de elementos

Encontré esto: ancho / alto después de transformar Y varios otros, pero nada no es exactamente lo que estoy buscando. Lo ... porque estoy a la deriva en la dirección de escribir mi propio gestor de diseño en javascript solo para obtener este efecto.

CSS3 transformar girar causando 1px cambio en Chrome

Estoy teniendo un problema en Chrome con un css3 transformar girar transición. La transición está funcionando bien, pero just ... idea de cómo detener esto mientras mantiene la página centrada? Estoy usando la versión 24.0.1312.57 en OSX 10.6.8 Salud

Girar o rotar una imagen en hover

Quiero averiguar cómo hacer una imagen girando o girando cuando se cierne sobre ella. Me gustaría saber cómo emular esa func ... con CSS en el siguiente código: img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAbmN.jpg" />

Escala / zoom un elemento DOM y el espacio que ocupa usando CSS3 transform scale()

En el centro de mi página tengo un elemento div con algún contenido (otros divs, imágenes, lo que sea). <div> befo ... o tiene que usar transformación CSS3, pero necesita ser compatible con todos los navegadores compatibles con HTML5 recientes.

Transformaciones y transiciones CSS3 (Webkit)

Considere el siguiente violín p { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); ... en Safari o Chrome (en mi Mac). ¿Tiene prefijo la propiedad transition o hay algún tipo de error de sintaxis en mi código?

translateX y translateY en el mismo elemento?

¿Es posible aplicar un CC translate X e Y en el mismo elemento? Si intento esto, el translateX es reemplazado por el translateY: .something { transform: translateX(-50%); transform: translateY(-50%); }

Efecto hover: expandir el borde inferior

Estoy tratando de obtener un efecto de desplazamiento de transición en el borde que el borde se expande al pasar. h1 ... opacity: 0; } h1:hover:after { opacity: 1; } <h1>CSS IS AWESOME</h1> He probado esto en Jsfiddle

Cómo usar transform: translateX para mover un elemento secundario horizontalmente al 100% a través del elemento primario

Todos, Me gustaría poder usar translateX para animar un elemento hijo 100% del camino a través de su padre (es decir, desde ... de left / right es mucho peor que translateX (Gracias Paul Irish!). ¿Hay alguna manera de hacer esto? Gracias de antemano.

Cómo obtener la posición del elemento transformado con css rotate

Tengo un problema con obtener la posición de un div después de que se le aplique el filtro rotate. Tengo la posición de un ex ... 1.21366rad); (top/left describa la posición de su comienzo.) Estoy tratando de conseguir el top/left posición de su extremo.

¿Qué es la propiedad de perspectiva CSS3?

Busqué en línea y encontré varios materiales, pero ninguno de ellos ilustró este concepto claramente, al menos para mí. Por e ... decirme de una manera más vívida y fácil de entender? No podría ser mejor si hay algunas imágenes para mostrar este concepto.