css-transitions

Parece que no puedo encontrar la sintaxis correcta para la transición CSS abreviación con múltiples propiedades. Esto no hac ... r mi CSS hacia abajo. Está bastante hinchado con todos los prefijos de los vendedores. También expandió el código de ejemplo.

¿Hay algún evento disparado por un elemento para comprobar si una transición de css3 ha comenzado o finalizado?

¿Es posible usar animación de transición CSS3 al cargar la página sin usar Javascript? Esto es un poco lo que quiero, pero ... lento. No es útil debido a que. La transición de CSS3 es lo suficientemente rápida, pero no se anima al cargar la página.

¿Se pueden usar transiciones CSS para permitir que un párrafo de texto se desvanezca al cargar la página? Realmente me gust ... -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; }​ ¿Cómo se puede activar la transición al cargar?

Actualmente estoy diseñando una especie de menú 'mega desplegable' de CSS, básicamente un menú desplegable normal solo de CSS ... afiarme a mí mismo a usar solo CSS y creo que me estoy quedando un poco corto. Todas y cualquier sugerencia son bienvenidas.

Estoy tratando de transición en hover con css sobre una miniatura para que en hover, el gradiente de fondo se desvanece en. L ... iner div a:hover { background:-webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0,0,0,.7)), to(rgba(0,0,0,.4))) }

Es una pregunta bastante sencilla, pero no puedo encontrar muy buena documentación sobre las propiedades de transición de CSS ... bra de texto se animará, pero no el color. ¿Cómo puedo hacer que ambos se animen simultáneamente? Gracias por las respuestas.

Así que tengo las siguientes transiciones css adjuntas al elemento a: a { -webkit-transition:color 0.1s ease-in, back ... stas transiciones heredadas en elementos a específicos? a.tags { transition: none; } No parece estar haciendo el trabajo.

Por lo tanto, entiendo cómo realizar transiciones y animaciones de CSS3. Lo que no está claro, y lo he buscado en Google, es ... miento. ¿Ambos aprovechan la aceleración h / n? Que es más moderno y el camino hacia adelante ¿Algo más que puedas añadir?

Posible Duplicado:las animaciones css de iphone webkit causan parpadeo Por alguna razón, justo antes de que ocurra m ... cionar el problema? Gracias! Actualización: esto solo ocurre en Safari. No sucede en Chrome, aunque la animación funciona.

¿Es posible obtener una notificación (como devolución de llamada) cuando se ha completado una transición CSS?

El evento final de transición de Webkit se llama webkitTransitionEnd, Firefox es transitionEnd, opera es oTransitionEnd. ¿Cuá ... e); element.addEventListener(transitionEnd, function(){callfunction()},false); function callfunction() { //do whatever }

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity . ... la opacidad cuando cierro el ratón, pero no cuando dejo el objeto con el ratón? Demo aquí: http://jsfiddle.net/7uR8z / ​

Tengo una pregunta sobre la velocidad de renderizado de la propiedad de transición css3. Supongamos que tengo un número de e ... uso si hay una sola propiedad para un elemento, que podría ralentizar las cosas. ¿alguien sabe si ese es el caso? ¡Gracias!

Las transiciones CSS son una forma muy ordenada de animar los cambios en las propiedades CSS. ¿Alguna versión de Internet Explorer los soporta?

Tengo un formulario que funciona como una página de configuración. Cuando se modifican los elementos del formulario, se marca ... es como nuestro líder de software lo quiere. Por favor, no sugiera que cambie la forma en que funciona actualmente. ¡Gracias!

Estoy moviendo 6000 elementos div pequeños en un experimento css3 usando una transición de top: 0 a top: 145px para probar el ... ión proporcionada en hardware moderno. Es posible que los dispositivos más antiguos sigan teniendo problemas de rendimiento.

En el violín a continuación, tengo una transición sobre visibilidad y opacidad por separado. Por otra parte, en caso de visib ... lity:visible; } Caso 2: #inner1{ opacity:0; transition:opacity 1000ms; } #outer1:hover #inner1{ opacity:1; }

He empezado a usar transiciones para "modernizar" la sensación de un sitio. Hasta ahora, :hover las transiciones están funcio ... = "show"; Pero la transición no parece estar sucediendo, solo está saltando de un estado a otro. ¿Qué estoy haciendo mal?

¿Cómo se puede hacer que el tamaño de la fuente crezca con el ratón? Las transiciones de color funcionan bien con el tiempo, ... n:color 12s; /* Safari and Chrome */ -o-transition:color 12s; } p:hover { font-size: 40px; color:#FC0; }