Skip to main content

Todas las preguntas

Etiquetadas con
Filtrar por
Ordenado por
Etiquetadas con
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
2 respuestas
27 vistas

Como mantener el color de los elementos de un bloque usando background-image?

El problema es que cuando paso el cursor sobre la imagen esta se vuelve opaca afectando a los elementos del titulo, subtitulo y el boton. Como seria que solo la imagen se vuelva opaca sin afectar a ...
Avatar del usuario Fabricio Arciniega
0 votos
1 respuesta
582 vistas

como hacer para que cuando pase el cursor por un boton una imagen se oscuresca?

.visitanos__contenido-boton { background-color: #007bff; color: #fff; border-radius: 5px; border: none; padding: 13px 20px; position: absolute; top: 68%; left: 43%; cursor: pointer; ...
Avatar del usuario Fabricio Arciniega
0 votos
1 respuesta
27 vistas

¿Cómo hago que un div que contiene varios otros se mantenga en el centro cuando una de las imágenes que tiene dentro crece al hacer hover?

Estoy trabajando en un código de prueba para una tienda, y estaba haciendo que al hacer hover sobre una de las imágenes esta crezca durante 0.5 segundos (y que cuando quito el hover vuelva a su tamaño ...
Avatar del usuario Cristian Velarde
0 votos
1 respuesta
337 vistas

¿Cómo hago que mis transiciones vuelvan a su lugar gradualmente cuando quito el :hover?

Buenos días/tardes/noches gente de StackOverflow. Estoy trabajando en un código de CSS e hice unas transiciones de tipo translate de forma que cuando les coloco el cursor (es decir, que se activa el :...
Avatar del usuario Cristian Velarde
1 voto
2 respuestas
46 vistas

Un comportamiento inusual de position:bsolute; CSS "¿entienden esto?"

El código hace que: cuando hagas hover en cada div de clase ".columnas" la imagen de fondo de su div padre cambiara. ----El problema es: Cuando haces hover de izquierda a derecha todo ...
Avatar del usuario kraud
  • 521
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
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
0 votos
1 respuesta
73 vistas

¿Como agregar una clase a un elemento html y luego en la misma o en otra función quitársela?(Javascript)

Los pongo en contexto: Hice un slider de imágenes en la que cambio el background image al hacer click al boton de izquierda o derecha de mi slider, pero, quiero agregar un efecto de fade hacia la ...
Avatar del usuario Esau Rosales
1 voto
2 respuestas
598 vistas

Cubo mediante CSS

¿Cómo puedo crear un cubo con CSS? Mi intención es entender el funcionamiento del CSS en su aplicación a estructuras 3D.
user avatar
1 voto
1 respuesta
1k vistas

como sobre poner un div con css y que solo se pueda ver parte de este div

hola que tal tengo una duda con respecto a css y como puedo lograr el diseño que me piden mostrar la parte de verde y amarillo el div que esta inclinado lo hago con transform: matrix(); pero lo que no ...
Avatar del usuario emilio paredes
1 voto
1 respuesta
837 vistas

Sesgar div con css

Buen día, he estado investigando un poco acerca de como realizar lo siguiente, pero lo que he encontrado a pesar de que es parecido a lo que quiero lograr no es exactamente lo que busco, lo que busco ...
Avatar del usuario jose marquez
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
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
11 votos
1 respuesta
5k vistas

Efecto "Pulso" en CSS3

Hola, estoy intentado lograr un efecto de "Pulso" sobre un circulo, usando solo CSS3 puro. Abajo dejo un ejemplo de lo esperado. Es posible? Esperado Actual #circle { width: 70px; height: ...
Avatar del usuario nawelittle
7 votos
4 respuestas
3k vistas

¿Cómo mostrar una imagen cuando me apoyo en un div?

Tengo un div con ancho y largo fijo. Lo esperado sería que al pasar sobre este div, se muestre una imagen con una transición en una posición absoluta definida. Estoy usando solo CSS3 y Html. ...
Avatar del usuario nawelittle
2 votos
1 respuesta
1k vistas

Label flotante en elemento select

Estoy creando un label flotante que se comporta como si fuera un placeholder de la siguiente manera: body { padding:50px; } input[type="text"][required]:focus + label[placeholder]:before, ...
Avatar del usuario Hoose
  • 3,115
0 votos
0 respuestas
57 vistas

¿Como evitar que un texto dentro de un link se rote al usar transform en css? [duplicada]

a { margin-left: 10%; background: rgba(33, 150, 243, .8); text-decoration: none; width: 100px; padding: 5%; padding-left: 1%; padding-right: 1%; display: flex; flex-flow: ...
Avatar del usuario Michel Novellino
3 votos
2 respuestas
465 vistas

Animación CSS se ve a golpes en dispositivos iOS

En una app desarrollada con cordova (para iOS y Android), uso transformaciones y transiciones de CSS para animar un menú y que se abra/cierre cuando se pulse en un botón. El código es algo como esto (...
Avatar del usuario Alvaro Montoro
  • 49.8k
21 votos
3 respuestas
2k vistas

¿Cómo hacer un cilindro con css?

Estoy utilizando HTML y CSS para aprender/practicar transformaciones 2D y 3D y para ello estoy dibujando una pila 9v tridimensional (porque es sencilla y cuadradita). Hasta ahora todo ha sido sencillo ...
Avatar del usuario Alvaro Montoro
  • 49.8k