Resultados de la búsqueda a petición "css-animations"

8 la respuesta

animación de transición css3 en carga?

Es posible usar la animación de transición CSS3 en la carga de la página sin usar Javascript? Esto es lo que quiero, pero en la carga de la página: http: ...

11 la respuesta

Cambiar la imagen de fondo con animaciones CSS3

¿Por qué esto no funciona? ¿Qué estoy haciendo mal CSS @-webkit-keyframes test { 0% { background-image: url('frame-01.png'); } 20% { background-image: url('frame-02.png'); } 40% { background-image: url('frame-03.png'); } 60% { ...

2 la respuesta

¿Por qué no funciona -moz-animation?

El siguiente CSS funciona bien en Webkit. No lo he comprobado en Opera, pero sé que no funciona en Firefox. ¿Puede alguien decirme por qué Las clases correctas definitivamente se están aplicando a mi HTML (lo inspeccioné con Firebug, y veo ...

1 la respuesta

CSS Animation: ¿Funciona en Chrome pero no en Firefox?

In rotate animation, funciona en Chrome pero no en Firefox. ¿Por qué @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } ...

7 la respuesta

Animación continua de rotación CSS al pasar el mouse, animada de nuevo a 0 grados al pasar el mouse

Tengo un elemento que gira cuando pasas el cursor sobre él indefinidamente. Cuando te desplazas, la animación se detiene. Sencillo @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } ...

3 la respuesta

¿Cómo agregar un controlador de eventos CSS AnimationEnd al widget GWT?

Me gustaría que mi widget GWT sea notificado cuando esCSS animation [https://developer.mozilla.org/en/CSS/CSS_animations] se acabó En HTML / Javascript simple, esto se hace fácilmente registrando un controlador de eventos de esta ...

10 la respuesta

Ejecutar animación CSS3 solo una vez (al cargar la página)

Estoy haciendo una página de aterrizaje simple impulsada por CSS3. Para que se vea increíble hay una<a> desplomándose: @keyframes splash { from { opacity: 0; transform: scale(0, 0); } 50% { opacity: 1; transform: scale(1.1, 1.1); } to { ...

4 la respuesta

fundido cruzado de imagen css3 (sin javascript)

Estoy bastante seguro de que es posible hacer un fundido cruzado de imágenes solo con CSS utilizando las nuevas funciones de animación CSS. Mis requisitos son que debería funcionar para un número arbitrario de imágenes sin javascript. ¿Alguien ...

2 la respuesta

Transición CSS3: transición diferente para * IN * y * OUT * (o regresando del estado de transición)

Pregunta original ... código de trabajo actualizado a continuación: Tengo una imagen de carga que aparece durante un evento de carga ajax. La imagen se muestra / oculta agregando o eliminando una clase de "carga" al elemento del cuerpo. ...

2 la respuesta

Utilizando animaciones CSS3 en IE9 +

He estado tratando de hacer que estas animaciones css3 funcionen en IE9 durante unas horas hoy y estoy perplejo. Intenté implementar algunos fallos de JavaScript, pero mi conocimiento es muy limitado, por lo que fallaron. No estoy seguro de si ...