css-transitions

Tengo una animación CSS 3 para un div que se desliza después de una cantidad de tiempo establecida. Lo que me gustaría es que ... ation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; } #main-image.fadeInDownBig{ height: 375px; }

Estoy tratando de implementar el efecto "fade out" en CSS puro. Aquí está el violín. Miré en un par de soluciones en línea, s ... o-keyframes slideup { 0% { top:0px; } 75% { top:0px; } 100% { top:-20px; } }

Esta pregunta ya tiene una respuesta aquí: ¿Cómo puedo hacer la transición de height: 0; a height: auto; ... content... </p> </section> <label for="ac-2">About us</label> </div> </div>

Estoy teniendo un problema en Chrome con un css3 transformar girar transición. La transición está funcionando bien, pero just ... idea de cómo detener esto mientras mantiene la página centrada? Estoy usando la versión 24.0.1312.57 en OSX 10.6.8 Salud

Quiero averiguar cómo hacer una imagen girando o girando cuando se cierne sobre ella. Me gustaría saber cómo emular esa func ... con CSS en el siguiente código: img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAbmN.jpg" />

Estoy animando un contenedor en mouseover de derecha a izquierda con transiciones CSS. Esto funciona bien en todos los navega ... pt para detectar el navegador porque esto parece incluso más hackeado que usar hacks CSS. Alguna ayuda? Gracias de antemano!

Hay un modal en esta respuesta https://stackoverflow.com/a/26789089/883571 que está creando un Modal basado en React añadié ... ble con los complementos de transición proporcionados por React. ¿Cómo crear uno con transiciones (durante entrar y salir)?

Considere el siguiente violín p { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); ... en Safari o Chrome (en mi Mac). ¿Tiene prefijo la propiedad transition o hay algún tipo de error de sintaxis en mi código?

Cuando cierro el cursor sobre mi botón, primero aparece un flash blanco al iniciar la transición. ¿Por qué parpadea cuando ap ... it-transition:background linear .5s; } button:hover { background:#ff3019; } button:active { background:#cf0404; } ​

No puedo encontrar una manera de usar transiciones css en elementos dom recién creados. Digamos que tengo un documento html ... tener('DOMNodeInserted', ...), pero no está funcionando. ¿Cómo puedo aplicar transiciones css en elementos recién creados?

, has leído bien. Probado en varias máquinas en la oficina y la única diferencia entre los escenarios era el tamaño del naveg ... ndurham/ujPMK/embedded/result / Recuerde, Safari debe estar configurado en al menos 2000px de ancho para que esto suceder.

Igual que http://twitter.github.com/bootstrap , El sitio en el que estoy trabajando ahora es responsivo. Me gustaría elim ... rriba es la captura de pantalla de lo que estoy pidiendo. En ESQUINA SUPERIOR DERECHA, hay un botón de menú de tres líneas.

Quiero crear una animación expand/collapse que solo funcione con classnames (javascript se usa para alternar los classnames). ... gítimo, solo ridículamente largos) Ver el jsFiddle - http://jsfiddle.net/wCzHV/1 / (haga clic en el contenedor de texto)

Parece que no puede animar pseudo elementos con-webkit-transition. El violín a continuación muestra lo que quiero decir cuando se ejecuta en Chrome / Safari, supongo que esto no es compatible en este momento? Http://jsfiddle.net/4rnsx/130/

En este momento estoy diseñando un cuadro de texto cambiando su color de fondo y color de fuente al pasar el cursor: transi ... o toma la PROPIEDAD (es decir, el color) que me gustaría retrasar. ¿Hay alguna manera de retrasar solo atributos específicos?

¿Es posible animar pseudo-clases CSS? Digamos que tengo: #foo:after { content: ''; width: 200px; height: 200p ... rnizr. Ya tengo un método JavaScript, así que por favor no hay alternativas de JavaScript. Demo: http://jsfiddle.net/MxTvw/

Estoy tratando de obtener un efecto de desplazamiento de transición en el borde que el borde se expande al pasar. h1 ... opacity: 0; } h1:hover:after { opacity: 1; } <h1>CSS IS AWESOME</h1> He probado esto en Jsfiddle

Puedo hacer que un elemento con una opacidad de cero se desvanezca cambiando su clase a .elementToFadeInAndOut con el siguien ... que el elemento se desvanezca después de que se desvanezca editando css para esta misma clase? Muchas Gracias por su tiempo.

No estoy seguro de si esto es posible, pero pensé que sería genial usar transformaciones CSS para crear un efecto donde un di ... er, excepto con el flujo de documentos afectado en consecuencia. ¿Alguien sabe de una manera de hacer esto sin javascript?

Estoy teniendo un gran dolor de cabeza tratando de aplicar transiciones CSS3 a una presentación de diapositivas a través de J ... de lo que es el código en este momento: http://g2f.nl/38rvma O use JSfiddle (sin imágenes): http://jsfiddle.net/5RgGV/1 /