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

3 la respuesta

¿Por qué IE10 requiere la presencia de una regla p: hover {} para que las transiciones funcionen en un pseudo elemento?

HTML:

4 la respuesta

-webkit-transición con pantalla

¿Hay alguna forma de usar-webkit-transition condisplay? Estoy usando CSSdisplay para ocultar y mostrar un segundo nivel de navegación ... pero solodisplay: none ydisplay: block en:hover es un poco poco sexy ... unease sería genial ...

15 la respuesta

Utilice transiciones CSS3 con fondos degradados

Estoy tratando de hacer una transición al pasar el mouse con css sobre una miniatura para que al pasar el cursor, el gradiente de fondo se desvanezca. La transición no funciona, pero si simplemente la cambio a un valor rgba (), funciona bien. ...

1 la respuesta

Ancho de transición CSS de línea a centro

Estoy aprendiendo sobre las transiciones CSS y estoy tratando de hacer que 3 líneas de desplazamiento reduzcan el ancho a sus respectivos puntos centrales. En este momento, la transición de ancho se produce a la izquierda y no al centro. Aquí ...

1 la respuesta

Firefox: Opacidad de marcador de posición de transición

Quería que el marcador de posición de entrada se desvaneciera sin problemas en el enfoque mediante la transición, pero no puedo hacer que funcione en FF.

7 la respuesta

iOS Safari + CSS calc () + CSS transición = Instant Crash

Cuando trato de usar

2 la respuesta

al escalar un elemento con escala css3, se pixela hasta justo después de que se complete la animación. Estoy animando un elemento con un borde

http: //jsfiddle.net/nicktheandroid/5Ytnj [http://jsfiddle.net/nicktheandroid/5Ytnj/] Cuando agrego-webkit-backface-visibility: hidden; al.circ element, hace que permanezca pixelado incluso después de que se complete la animación. Me pregunto ...

1 la respuesta

la transición a escala matricial no funciona

Tengo que usar la matriz de transformación para animar transformación: escala de un elemento. Quiero escalar de 0 a 1. Si uso el siguiente código, funciona correctamente: .container { width: 200px; height: 100px; background: yellow; ...

2 la respuesta

Simulación de origen de transformación utilizando translate

Quiero simular las propiedades detransform-origin utilizandotransform: translate en CSS. Según MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin], esto es muy posible: Esta propiedad se aplica traduciendo primero el ...

6 la respuesta

¿Cómo detecto un final de transición sin una biblioteca de JavaScript?

Me gustaría eliminar un objeto después de que termine de animar con una transición CSS, pero no puedo usar una biblioteca de JavaScript. ¿Cómo detecto cuándo se realiza la animación? ¿Utilizo unallamar de vuelt o evento personalizado ¿de ...