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

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 ...

5 la respuesta

Reproduce múltiples animaciones CSS al mismo tiempo

¿Cómo puedo tener dos animaciones CSS jugandoa diferentes velocidades? La imagen debe estar girando y creciendo al mismo tiempo.La rotación se realizará cada 2 segundos.El crecimiento circulará cada 4 segundos.Código de ejemplo: .image { ...

2 la respuesta

Sass Keyframes animación mixin generando CSS inválido

Tengo la siguiente combinación de fotogramas clave, pero parece que se genera CSS no válido: @mixin keyframes($animationName) { @-webkit-keyframes $animationName { @content; } @-moz-keyframes $animationName { @content; } @-o-keyframes ...

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 ...

6 la respuesta

Cómo hacer una animación de rotación de borde discontinuo suave como 'hormigas marchando'

Estoy trabajando en una animación CSS que usa 'engranajes y cadenas', pero no puedo crear una secuencia de rotación de borde 'suave'. Puedes ver en estoviolín [http://jsfiddle.net/5n56dn5b/14/]Cómo (actualmente) estoy usando un pseudo elemento ...

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 { ...

2 la respuesta

Cómo crear un efecto de rebote CSS3

Estoy tratando de crear un efecto de rebote al final de la animación sin usar ningún código de terceros o javascript. No tengo idea de cómo hacer esto solo usando CSS puro. Esto es lo que tengo hasta ahora: HTML: <div></div> <div></div> ...

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. ...

1 la respuesta

Eliminar un elemento hace que React elimine el último nodo DOM en lugar del asociado con ese elemento

Estaba tratando de animar la inserción y eliminación de listas con ReactCSSTransitionGroup, pero la animación de eliminación siempre anima solo el último elemento de la lista en lugar del que se está eliminando. Aquí hay un jsbin para ilustrar ...