Resultados de la búsqueda a petición "css-transforms"

1 la respuesta

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 ...

1 la respuesta

¿Cómo rotar el pulgar de rango de tipo de entrada en javascript?

Yo tengo un<input type="range"> y desea rotar el pulgar, pero solo el pulgar en la entrada. Mi problema es: cuando intento rotarlo, gira todo el control deslizante. ¿Alguien me puede ayudar? function slide(event){ ...

1 la respuesta

5 imágenes separadas simétricamente con líneas diagonales

Navegué por Internet y me topé con este tema en reddit [/imgs/Nwy2o.png] Después de ver esta hermosa pancarta. Quería tratar de emular algo como esto usando cinco imágenes simétricas de mi elección que están separadas por líneas diagonales al ...

1 la respuesta

Desenrollar los extremos de un surtido de múltiples imágenes sesgadas

Pregunté estopregunta [https://stackoverflow.com/questions/49287110/5-images-symmetrically-seperated-with-diagonal-lines/49287285#49287285] antes preguntaba cómo sesgar una variedad de imágenes. Pude obtener resultados muy satisfactorios ...

2 la respuesta

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 ...

8 la respuesta

Evite el parpadeo en la transición de webkit de webkit-transform [duplicar]

Posible duplicado: las animaciones css del webkit de iphone causan parpadeo [https://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker] Por alguna razón, justo antes de que ocurra mi animación de la ...

3 la respuesta

Mantenga constante la dirección de la sombra de la caja mientras gira

Al dar p. una<div> una sombra de caja, así como su rotación, provocará una rotación de la dirección de la sombra de caja, lo cual es problemático cuando la sombra de caja debería crear una ilusión de ...

1 la respuesta

"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 ...

2 la respuesta

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], ...

2 la respuesta

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 ...