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

1 la respuesta

-webkit-animation-play-state no funciona en Chrome

He configurado un JSFiddle simple para ilustrar el problema: ¿Dónde está el estado de pausa? [http://jsfiddle.net/4Rv9y/] ¿Alguien puede decirme por qué Safari muestra el elemento animado en un estado de pausa como se esperaba, pero en Chrome ...

1 la respuesta

Transforma el origen en SVG en Firefox

Soy nuevo en la animación de SVG y me he encontrado con un problema que solo parece suceder en Firefox. He creado una animación aquí. http://codepen.io/iamali/pen/txvpo [http://codepen.io/iamali/pen/txvpo]- de una escena del cielo. El sol debe ...

1 la respuesta

La animación de Firefox no comienza al alternar el estilo de visualización

Violínhttp://jsfiddle.net/B9h8y/1/ [http://jsfiddle.net/B9h8y/1/] En Chrome cuando hago clic en el documento, se ejecuta la animación. En Firefox no lo hace. ¿Por qué Firefox no activa las animaciones CSS cuando la pantalla está configurada ...

1 la respuesta

¿Crear un bucle usando SCSS para cambiar imágenes de fondo con CSS3 animado?

He creado el comienzo de una animación CSS3 como se muestra a continuación. He intentado usar @for y @each dentro de SCSS para crear un bucle que incremente los% 's y también el número de cada imagen de fondo. Mi conocimiento de SCSS avanzado ...

1 la respuesta

Hice una animación con CSS (transformación) y se restablece cuando finaliza la animación.

Tengo la siguiente estructura, y mi problema es que cuando termina la animación que se está reemplazando, simplemente se reinicia, y me preguntaba si de todos modos simplemente se detiene y espera en el finle mientras está suspendido, gracias, ...

1 la respuesta

¿Prueba si la aceleración de hardware se ha habilitado para una animación CSS?

Cómo puedo decir(para fines de prueba) si se ha habilitado la aceleración de hardware para una animación CSS? Tengo el siguiente código que esencialmente amplía un elemento y lo hace a pantalla completa (sin usar la API de pantalla completa ...

1 la respuesta

Suavizado de animación CSS de Firefox (suavizado de subpíxeles)

Estoy creando una animación de fotograma clave CSS para que un elemento aparezca como si estuviera flotando de manera casual / lenta un poco. Está anidado en los padres, uno que usa translateX () para moverlo lentamente hacia la izquierda y la ...

1 la respuesta

Animación CSS: efecto de incremento numérico

Quiero obtener ese efecto de animación cuando los números cambian rápidamente, por ejemplo:http://jsbin.com/kevalutupe/1/ [http://jsbin.com/kevalutupe/1/] Quiero hacer este CSS solo (sé cómo codificarlo en JS), no quiero usar JS ya que siento ...

1 la respuesta

translate3d entre 0% y% negativo en IE10

Tengo un elemento que necesita animar a izquierda y derecha a la cantidad del 50% de su ancho total. He logrado esto con el siguiente marcado (simplificado): <div class="wrapper"> <div class="inner">Inner</div> </div>Y estilo: .wrapper { ...

1 la respuesta

Banner de desplazamiento infinito suave [solo CSS]

Buscando optimizar este efecto de desplazamiento infinito, sin embargo, no estoy completamente seguro de cómo crear una transición suave al volver a la imagen original. A los 10 años apenas se nota, sin embargo, a los 30 años es más evidente. ...