Preguntas etiquetadas con transitions

1449
Transiciones en la propiedad de visualización CSS

Actualmente estoy diseñando un menú 'mega desplegable' de CSS, básicamente un menú desplegable regular solo de CSS, pero que contiene diferentes tipos de contenido. Por el momento, parece que las transiciones CSS 3 no se aplican a la propiedad 'display' , es decir, no se puede hacer ningún tipo de...

215
Usa transiciones CSS3 con fondos degradados

Estoy tratando de hacer la transición al pasar el mouse con css sobre una miniatura para que al pasar el cursor, el gradiente de fondo se desvanezca. La transición no funciona, pero si simplemente lo cambio a un rgba()valor, funciona bien. ¿Los gradientes no son compatibles? Intenté usar una imagen...

195
css3 animación de transición en carga?

¿Es posible usar la animación de transición CSS3 en la carga de la página sin usar Javascript? Esto es algo de lo que quiero, pero en la carga de la página: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Lo que encontré hasta ahora CSS3 transición-retraso , una forma de retrasar...

155
CSS: Animación vs. Transición

Entonces, entiendo cómo realizar transiciones CSS3 y animaciones. Lo que no está claro, y he buscado en Google, es cuándo usar cuál. Por ejemplo, si quiero hacer que una pelota rebote, está claro que la animación es el camino a seguir. Podría proporcionar fotogramas clave y el navegador haría los...

115
CSS: ¿opacidad de transición al sacar el mouse?

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } ¿Por qué esto...

102
Transición CSS con visibilidad que no funciona

En el violín de abajo, tengo una transición de visibilidad y opacidad por separado. El último funciona pero el primero no. Además, en caso de visibilidad, el tiempo de transición se interpreta como un retraso al desplazarse. Ocurre tanto en Chrome como en Firefox. ¿Es esto un...

96
Transición CSS3: efecto de desvanecimiento

Estoy tratando de implementar el efecto de "desvanecimiento" en CSS puro. Aquí está el violín . Busqué un par de soluciones en línea, sin embargo, después de leer la documentación en línea , estoy tratando de averiguar por qué la animación de diapositivas no funcionaría. ¿Algún...

83
Animación y visualización CSS Ninguno

Tengo una animación CSS para un div que se desliza después de un período de tiempo determinado. Lo que me gustaría es que algunos divs llenen el espacio del div animado que se desliza, que luego empujará esos elementos hacia abajo en la página. Cuando intento esto al principio, el div que se...