Skip to main content

Preguntas con la etiqueta [transition]

Filtrar por
Ordenado por
Etiquetadas con
1 voto
1 respuesta
1k vistas

¿Cómo cambiar el color de un svg por medio del hover de otro elemento?

¡¡Hola a todos!! He tenido una dificultad al crearle una transición de color a un svg cuando posiciono el cursor del ratón por encima del link. El resultado que busco es que el color del icono cambie ...
Avatar del usuario Lonely Walker
0 votos
2 respuestas
48 vistas

Cómo utilizar transition con etiqueta span

soy nueva en esto de la programación y estoy haciendo un curso de introducción a CSS y HTML. El caso es que acabo de terminar una lección en la que enseñan el concepto hover y en el ejercicio que ...
Avatar del usuario Sayane
  • 27
0 votos
1 respuesta
292 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
0 votos
1 respuesta
152 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
1 respuesta
362 vistas

Hacer efecto de transición sobre bloque con dos imágenes

Estoy intentando realizar un efecto de transición dentro de un artículo que contiene un enlace general con textos e imágenes. El efecto de transición sería sobre la imagen, solo que al tener una ...
Avatar del usuario José Carlos - kahlito
0 votos
1 respuesta
644 vistas

Como animar el cambio de tamaño de un div?

Hice un componente en react que muestra parte de un texto, y con un boton "Ver Mas", el texto pasa a verse completo. Mi pregunta es, como puedo lograr que el cambio se haga mediante una ...
Avatar del usuario Agustin G.
  • 2,760
0 votos
1 respuesta
11 vistas

¿Por qué mi transición desasaparece?

Al momento de revisar mi código con el inspector, aparece que mi transición esta cancelada ¿por qué sucede esto?
Avatar del usuario JESUS
  • 11
2 votos
1 respuesta
200 vistas

CSS- Efecto de pulso con UN solo color

Creo que lo que busco es fácil de entender pero no lo he logrado. Tengo un momento en el que ocurre esto: document.getElementbyId(id).classList.add("error"); haciendo que este elemento ...
Avatar del usuario Viral
  • 91
0 votos
1 respuesta
262 vistas

Usar transition para mover objetos posicionados absolutamente

Tengo un cuadro posicionado relativamente que funciona como contenedor para otros 4 cuadrados más pequeños posicionados absolutamente. Quiero que al hacer :hover sobre el contenedor, todos los cuadros ...
Avatar del usuario Andrés Arrieche
0 votos
1 respuesta
432 vistas

Transición de CSS no funciona

Estoy tratando de hacer una animación de transición del siguiente HTML: <div> <span class="boton"></span> <div class="contenido"> //...
Avatar del usuario InfiniteRoads
0 votos
1 respuesta
76 vistas

¿Por qué la animación de details no funcionaa en Safari ni Chrome?

Quisiera darle una animación a details cuando se abre e intenté con: transition Esta fue la forma más sencilla: details p { transition: background-color 1s; background-color: red; } ...
Avatar del usuario Brayan Martínez Santana
0 votos
3 respuestas
364 vistas

¿Por qué no funciona mi transición?

Esto es algo muy simple. Quiero que al desplegar el div cuando hago click en el botón, se vea una ligera transición que haga que tarde 0.3 segundos en desplegarse. En otros casos me funciona pero en ...
Avatar del usuario InfiniteRoads
2 votos
1 respuesta
2k vistas

Al pasar el mouse por encima del botón, la flecha se anima correctamente, pero al quitar el mouse, el regreso de la flecha se hace de manera brusca

Tengo un botón similar al del código, que al clickear en él (se agrega o remueve la clase .active, cosa que en el editor de código de SO no sucede, por lo que reemplacé .active por :hover) yo quiero ...
Avatar del usuario Agustin G.
  • 2,760