Resultados de la búsqueda a petición "css-transforms"
Alinee al lado izquierdo del contenedor un elemento girado -90 grados
div { width: 300px; height: 300px; border:1px solid black; } h1 { width: 300px; transform: rotate(-90deg) }<div> <h1>Hola</h1> </div> Si prueba este fragmento, verá que elh1 se gira y se coloca en el centro del div (tiene sentido, tienen el ...
Animar transformar solo una propiedad (escala) anular otra (traducir)
El problema es que eltransform El valor de la propiedad tiene múltiples partes comotranslate, scale etc. Esta es una pregunta teórica sobre el elemento, vamos.loader que tienetransform:translate(10px, 10px) y en la animación quiero ...
Javascript: operaciones matriciales para perspectiva de transformación CSS
Estoy usandoeste guion [https://github.com/arian/CSSMatrix/blob/master/CSSMatrix.js]que afirma implementar la operación matrix3d como se describe enla especificación [https://www.w3.org/TR/css3-transforms/#recomposing-to-a-3d-matrix], ...
Rotación de cubo CSS en ejes fijos
Tengo un cubo construido con CSS. Está hecho de 6 caras y cada cara se transforma para formar una cara del cubo, y todas las 6 caras están debajo de una<div> con la clase.cube. Cualquier rotación que le haga al cubo se realiza en este ...
Simulación de origen de transformación utilizando translate
Quiero simular las propiedades detransform-origin utilizandotransform: translate en CSS. Según MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin], esto es muy posible: Esta propiedad se aplica traduciendo primero el ...
Cambiar el tamaño de un cubo
Tengo un conjunto de códigos del cubo creado con CSS. Sin embargo, ¿cómo cambio el tamaño de este a un cubo más grande (por ejemplo, 200 px)? Lo he intentado, pero cada vez que intento hacerlo, se sale de posición ... .mainDiv { position: ...
Comportamiento extraño al girar un elemento al pasar el mouse
Dados estos dos ejemplos. Usando Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
¿Por qué no funciona -moz-animation?
El siguiente CSS funciona bien en Webkit. No lo he comprobado en Opera, pero sé que no funciona en Firefox. ¿Puede alguien decirme por qué Las clases correctas definitivamente se están aplicando a mi HTML (lo inspeccioné con Firebug, y veo ...
Combine css3 se transforma a través de js
por favor, ¿hay alguna forma de combinar más transformaciones CSS3 con el tiempo? Por ejemplo, cuando configuro esta $bgWrapper.css({ '-webkit-transform' : ' scale3d(' + currScale + ', '+ currScale +', 1)' });Y luego, en unos momentos, ...
Transformación CSS con cambio de tamaño de elementos.
Encontré esto:ancho / alto después de la transformacióny varios otros, pero nada es lo que estoy buscando. Lo que quiero es escalar algo al 50% de su tamaño ...