Preguntas con la etiqueta [transition]
La etiqueta transition no tiene orientación de uso.
13
preguntas
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 ...
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 ...
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 :...
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: ...
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 ...
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 ...
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?
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 ...
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 ...
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">
//...
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;
}
...
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 ...
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 ...