Skip to main content

Preguntas con la etiqueta [css-transform]

Las funciones de transformación de CSS permiten que el modelo visual de los elementos html sea transformado en un espacio de coordenadas bidimensional o tridimensional.

11 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
2 votos
1 respuesta
169 vistas

Ninjas: Dadas unas coordenadas, sacar css transform (skew, rotate ) pintar una imagen

la API me devuelve unas coordenadas random que será el contenedor de la imagen, y estas coordenadas siempre serán un rectángulo pero puede que no tenga los angulos de 90 grados por lo que tengo que ...
Avatar del usuario David DP
1 voto
0 respuestas
60 vistas

Como poner una imagen sesgada y en perspetiva por medio de CSS y adaptable a la imagen adjunta?

Como puedo acomodar la imagen para que se adapte al celular [ #capa1 { position: relative; top: 127px; left: 118px; transform: perspective(321px) rotateY(46deg) rotateX(70deg) ...
Avatar del usuario Mariano Andres Franco
1 voto
0 respuestas
66 vistas

desplazamiento circular de elementos animados con react native

La tecnología utilizada es React Native y su librería Animated. Comparto el siguiente componente que he creado para desplazar una figura por la pantalla: const Animacion6 = () => { const [...
Avatar del usuario InfiniteRoads
0 votos
0 respuestas
122 vistas

invertir div como si fuera un espejo

Tengo esta figura div{ width:100px; height:100px; background:red; border-radius: 50px 50px 0 0; } <html> <body> <div> </div> </body> </html> ...
Avatar del usuario Juan Pablo Galvis Pérez
0 votos
0 respuestas
39 vistas

Invertir un div con css

Tengo esa flecha negra y la quiero trasladar y rotar al tiempo para que quede como la roja: Habia visto que se podia con una sola propiedad pero me toco mientras asi: transform-origin:bottom; ...
Avatar del usuario Juan Pablo Galvis Pérez
0 votos
0 respuestas
51 vistas

Problema en CSS con Position Absolute, el contenido se sobrepone con los demás contenidos

Quería utilizar un código que vi en Youtube "Como hacer un Menú de Navegación con Tabs" (https://www.youtube.com/watch?v=Xh94Osf1hvU&t=191s). Pero al momento de crear el menú utilizan ...
Avatar del usuario Luis JET
0 votos
1 respuesta
74 vistas

¿Cómo puedo aplicar una transición a dos elementos a la vez?

Quiero aplicar una transición a la imagen de fondo cuando el cursor pasa sobre el botón azul. Actualmente solo se aplica cuando pasa sobre la imagen misma. El botón tiene su propia transición que se ...
Avatar del usuario Aarón Hernández
0 votos
1 respuesta
176 vistas

¿Cómo dar animaciones al aparecer un elemento cuando se hace click en un boton?

¿Me podrían ayudar? Tengo el siguiente código .login__part-one { width: 100%; background-color: inherit; border: none; transition: all 200ms ease-out; } .login__part-two { width: ...
Avatar del usuario joan cortes
0 votos
2 respuestas
1k vistas

Spinner css centrado sobre elemento html con contenido visible (transparencia)

Tengo varios elementos HTML como los siguientes, y ya que no soy muy bueno con los efectos CSS, les agregué un Spinner prefabricado que me encontré en este sitio: CSS Spinner .loader, .loader:...
Avatar del usuario oijm17
  • 69
0 votos
1 respuesta
240 vistas

¿Cómo puedo extender un div con color de fondo tranformado con rotate?

intento hacer que un texto tenga color de fondo gris, le apliqué un color gris al contenedor del texto pero al transformarlo con rotate, deja de cubrir toda la página dejándome unos espacios en blanco ...
Avatar del usuario pwnaz
  • 57
0 votos
1 respuesta
518 vistas

¿Cómo conseguir que dos Divs se desplacen a diferente velocidad al hacer scroll?

Estoy trabajando en una web y necesitaría conseguir el siguiente efecto al hacer scroll. Tengo dos contenedores, uno con imágenes y otro con texto que se superpone al primero. Hasta aquí todo bien. La ...
Avatar del usuario Mahenstinfor