Resultados de la búsqueda a petición "css-transforms"
translate3d entre 0% y% negativo en IE10
Tengo un elemento que necesita animar a izquierda y derecha a la cantidad del 50% de su ancho total. He logrado esto con el siguiente marcado (simplificado): <div class="wrapper"> <div class="inner">Inner</div> </div>Y estilo: .wrapper { ...
¿Agregar un valor de transformación a las transformaciones actuales que ya están en el elemento?
Digamos que tengo undiv eso teníatranslateX ytranslateY valores agregados dinámicamente. <div class="object child0" style="-webkit-transform: translateX(873.5px) translateY(256px); width: 50px; height: 50px;">Quiero agregarrotateY(20deg) a las ...
la transición a escala matricial no funciona
Tengo que usar la matriz de transformación para animar transformación: escala de un elemento. Quiero escalar de 0 a 1. Si uso el siguiente código, funciona correctamente: .container { width: 200px; height: 100px; background: yellow; ...
Comprender el desplazamiento z en el origen de transformación
Estoy tratando de estudiar la propiedad de origen de transformación y cómo funciona exactamente esta propiedad. Hice una pequeña demostraciónAQUÍ [http://jsfiddle.net/2b5qg7kz/]. HTML: <div class="section-title"> <span data-hover="Product ...
Tarjeta invertida Bootstrap con transformación css3
Quiero crear una tarjeta flip bootstrap usando CSS3 transform. Empecé desde esto ejemplo de trabajo y básico [http://www.bootply.com/PsZubuTsdd#] Sin embargo, quería modificarlo para tener una tarjeta de altura fija y algunas mejoras menores. En ...
Transformación CSS: ¿la escala no cambia el tamaño del DOM?
¿El ancho DOM del contenedor después de la transformación es el mismo que antes de la transformación? ¿Por qué? var theScale = aNumber; var containerWidth = theContainer.width(); alert(containerWidth); // and the other prefixes, as ...
"Posición: fija" no funciona cuando el padre tiene la propiedad CSS "transformar"
En mi proyecto tengo una pantalla que debería facilitarse desde el lado derecho de la pantalla, así que para eso he usadotransform: translateX(100%) y luego cambiar eso atransform: translateX(0%). funciona bien, puedo lograr el efecto ...
Obtener la posición tocada en coordenadas locales de un elemento transformado
Tengo un elemento que se ha transformado con unmatrix3d para darle perspectiva. Representa la pantalla de un dispositivo portátil. Hay una imagen de fondo que muestra el dispositivo portátil en sí, y esto no se transforma. El elemento que ...
Efecto de paralaje horizontal solo con CSS con capas superiores a 100vw
Cómo arrancar un sitio con horizontalCSS solo efecto de paralaje?Requisitos CSS solo paralajela capa principal debe tener ancho / alto == 100vw / 100vhlas capas secundarias deben tener ancho / alto> 100vw / 100vhlas capas secundarias deben ...
Cómo cambiar la imagen de fondo de rotación, si el bloque tiene un estilo "sesgado"
Tengo algún problema y creo que este problema no se habrá resuelto. [Estilo y código inferior] .box-blog { background: url(../img/image.png) center no-repeat; background-size: cver; width: 80%; display: block; margin: 0 auto; margin-top: 71px; ...