Resultados de la búsqueda a petición "css-transforms"
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; ...
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 ...
formulario para calcular el ancho / alto (relativo al padre) del contenedor con translateZ dentro del contenedor padre con perspectiva
¿Cuál es el formulario para calcular los anchos / alturas de elementos secundarios contranslateZ dentro del contenedor principal con conjuntoperspective (palabra clave: "paralaje") en relación con el ancho / alto de sus padres?Me gustaría crear ...
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 ...
Centro padre div con hijos flotantes
El padre no tiene un ancho definido porque hay un número desconocido de niños dentro. ¿Por qué los niños caen en una nueva línea y cómo prevenir eso? Los niños necesitan estar en la misma línea. .wrap { position: absolute; left: 50%; top: ...
¿Cómo le doy a esta nave espacial aceleración?
Tengo un fragmento muy pequeño de un juego similar a un asteroide en el que estoy trabajando usando solo el DOM sin Canvas. Tengo la "nave" moviéndose bastante suavemente cuando se presionan las teclas de flecha, pero ¿cómo haría para que la nave ...
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 ...
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], ...
"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 ...
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 ...