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

2 la respuesta

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

Todos,Me gustaría poder usar

3 la respuesta

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

1 la respuesta

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

1 la respuesta

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

4 la respuesta

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

2 la respuesta

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

3 la respuesta

translate3d vs rendimiento de traducción

Ahora todos lo sabemos, particularmente deque bonito articulo [http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/] , que deberíamos preferir css-transforma a animar la posición. Pero tenemos la opción ...

3 la respuesta

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

2 la respuesta

Transformación CSS para sesgar la forma a un trapecio

Quiero poder sesgar un elemento en la forma en que se muestra la imagen a continuación. He estado jugando con eso, pero parece que no puedo acercarme a replicar esa forma. Mi código css es transform:skew(30deg,30deg);¿Transformar es incluso ...

4 la respuesta

Girar o rotar una imagen al pasar el mouse

Quiero saber cómo hacer unimagen giratoria o giratoriacuando está suspendido Me gustaría saber cómo emular esa funcionalidad conCSS en el siguiente código: img { border-radius: 50%; }<img src="http://i.imgur.com/3DWAbmN.jpg" />