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

1 la respuesta

La animación de fotogramas clave no funciona en Safari para iOS

Todos los navegadores (Chrome, es decir, Firefox, Safari) en Windows muestran la animación como deberían. Cuando lo probé en mi iphone, la animación no funcionaría. Alguna idea de por qué? Aquí está mi CSS: #rotatingDiv { position: relative; ...

5 la respuesta

Visibilidad de animación CSS pura con retraso

Estoy tratando de implementar alguna animación onLoadsin Javascript. JS es fácil, CSS es ... no. tengo undiv que debería estar endisplay: none; y debería serdisplay: block; después de 3 segundos. Muchos recursos me dijeron que animado no ...

1 la respuesta

¿Por qué mi animación de fotogramas clave para el color del enlace no funciona en Chrome?

Utilizando@keyframes (yanimation) animara El color no funciona en Chrome. Manifestación:https://jsfiddle.net/ed3pypwr/ [https://jsfiddle.net/ed3pypwr/] En Chrome, el enlace permanece azul. En Firefox pasa del rojo al verde como se esperaba. En ...

1 la respuesta

Animación SMIL SVG en desuso reemplazada por CSS o efectos de animaciones web (desplazarse, hacer clic)

De acuerdo con este tema: Problemas SMIL de Firefox 38-40: velocidad muy lenta (resuelto en la versión 41 de FF del ...

2 la respuesta

Problema al usar transiciones + cambio de opacidad + desbordamiento oculto

Si ve el ejemplo de código que he compartido, puede ver que la superposición sale de la caja. Rastreé el problema hasta eltransition atributo. Quiero eliminar el contenido fuera del div. El desbordamiento no funciona como se supone que debe ...

2 la respuesta

Retraso en infinito fade in & out animación CSS3

Estoy trabajando en lo siguiente: Código de violín [http://jsfiddle.net/geargio72/L8Lktfsy/] Aquí está HTML: <div id="animation"> <ul> <li>this is</li> <li>CSS3 looped</li> <li>animation</li> </ul> </div>Este es el CSS: #animation { height: ...

2 la respuesta

Animación CSS tambaleante con Border-Radius en Internet Explorer

En Internet Explorer, esta animación parece tambalearse. Estaba leyendo la respuesta aesta pregunta [https://stackoverflow.com/questions/23566831/internet-explorer-11-wobbly-css3-animation] y lo hicieron sonar como si fuera posible ...

3 la respuesta

Error de animación de rotación SVG en IE y FF

Estoy trabajando en hacer un elemento de carga simple con SVG. Funciona de manera excelente en Chrome, pero no en otros navegadores. En IE, la animación no funciona en absoluto. Más preocupante, en FF, la animación funciona pero la rotación no ...

3 la respuesta

¿Cómo animar la forma del camino sin usar SMIL?

El fragmento a continuación muestra lo que quiero hacer. Pero hay algunos problemas: ¿Cómo hacer esta animación sin usar SMIL? SMIL está en desuso y tiene un mal soporte de navegador.¿Cómo hacer que el camino negro atraviese el extremo derecho ...

2 la respuesta

Deshabilitar animación CSS en pseudo elemento heredado de padre

El título lo dice todo, pero aquí hay un ejemplo. Digamos que tengo un 'spinner de carga' CSS como se muestra a continuación: .spinner { height: 50px; width: 50px; position: relative; animation: rotate .6s infinite linear; border-left: 6px ...