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

1 la respuesta

Expande círculos secuencialmente usando CSS

Tengo una esfera de reloj de círculos que quiero que aparezcan en orden después de 1 segundo, así que crezca el primero a tamaño completo desde cero, luego después de 1 segundo, el segundo, luego después de 1 segundo, el tercero, etc. (el círculo ...

1 la respuesta

La animación CSS Keyframe interrumpe la transición cuando ambas se aplican en la misma propiedad

Tengo un comportamiento extraño al agregar una animación CSS en la parte superior de la transición para un elemento de la barra de progreso: la transición simplemente deja de ejecutarse. No estoy seguro de por qué no puedo tener ambas, una ...

2 la respuesta

Animar transformar solo una propiedad (escala) anular otra (traducir)

El problema es que eltransform El valor de la propiedad tiene múltiples partes comotranslate, scale etc. Esta es una pregunta teórica sobre el elemento, vamos.loader que tienetransform:translate(10px, 10px) y en la animación quiero ...

1 la respuesta

La animación CSS3 no funciona en IE11 pero funciona en otros navegadores

He creado una animación CSS3 en un botón. Por el momento, funciona perfectamente en todas partes, excepto IE. Sé que no funcionará bien en versiones anteriores de IE, pero al menos esperaba que funcionara en IE11. He creado un violín para ...

3 la respuesta

Mantenga constante la dirección de la sombra de la caja mientras gira

Al dar p. una<div> una sombra de caja, así como su rotación, provocará una rotación de la dirección de la sombra de caja, lo cual es problemático cuando la sombra de caja debería crear una ilusión de ...

1 la respuesta

Crear y aplicar dinámicamente animaciones CSS3

los.animate() La función en jQuery no permite que todas las propiedades animables CSS3 sean animadas (por ejemplo,background-color) ¿Hay una manera agradable y estándar de crear, aplicar y eliminar dinámicamente animaciones CSS3 a elementos de la ...

1 la respuesta

a transición @CSS ignora el ancho

Tengo una etiqueta que se muestra como un bloque. En la carga de la página, su ancho aumenta con cssanimació de cero a algún porcentaje del div que contiene (el violín contiene un MWE, pero hay más de un enlace en este div, cada uno con un ancho ...

1 la respuesta

ontrol deslizante @CSS con flechas usando animación

Estoy tratando de lograr un control deslizante solo CSS. Cuandohovering flechas izquierda y derecha, el control deslizante tiene quediapositiv. Por supuesto Intenté algo usandoanimation-play-state, animation-fill-mode (para mantener ...

3 la respuesta

SVG. Imagen inversa usando css. Mantenga la imagen en el mismo lugar

Aquí hay un ejemplo de codepenhttps: //codepen.io/yury-leonov/pen/rZxxQ [https://codepen.io/yury-leonov/pen/rZxxQE] Code del ejemplo: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: scaleX(-1); ...

1 la respuesta

¿Cómo detener la animación de fotogramas clave exactamente después de 1 segundo sin usar setTimeout? - Eventos problemáticos en la cola

Creo que este será un problema realmente difícil de resolver ... Creé un velocímetro que muestra la cantidad de terremotos ocurridos en mi ciudad. Quiero animar este velocímetro de dos maneras:background-color (verde cuando no hay terremotos y ...