Preguntas etiquetadas con css-transitions

En el violín de abajo, tengo una transición de visibilidad y opacidad por separado. El último funciona pero el primero no. Además, en caso de visibilidad, el tiempo de transición se interpreta como un retraso al desplazarse. Ocurre tanto en Chrome como en Firefox. ¿Es esto un error? http://jsfiddle.net/0r218mdo/3/ Caso …

102 css  css-transitions 

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

100 javascript  css  css-transitions 

Estoy tratando de implementar el efecto de "desvanecimiento" en CSS puro. Aquí está el violín . Busqué un par de soluciones en línea, sin embargo, después de leer la documentación en línea , estoy tratando de averiguar por qué la animación de diapositivas no funcionaría. ¿Algún consejo? .dummy-wrap { animation: …

96 css  css-transitions 

El evento final de transición de Webkit se llama webkitTransitionEnd, Firefox es transitionEnd, opera es oTransitionEnd. ¿Cuál es una buena forma de abordarlos todos en JS puro? ¿Debería rastrear el navegador? o implementar cada uno por separado? ¿De alguna otra forma que no se me haya ocurrido? es decir: //doing …

91 javascript  css  css-transitions  dom-events 

Tengo una animación CSS para un div que se desliza después de un período de tiempo determinado. Lo que me gustaría es que algunos divs llenen el espacio del div animado que se desliza, que luego empujará esos elementos hacia abajo en la página. Cuando intento esto al principio, el …

83 css  css-transitions  animate.css 

Estoy moviendo 6000 elementos div pequeños en un experimento css3 usando una transición de top: 0a top: 145pxpara probar el rendimiento. El uso de aceleración sin hardware funciona sin problemas en Google Chrome. Si habilito la aceleración de hardware a través del translateZ(0)rendimiento, se vuelve horrible. ¿Por qué es así? …

82 css  css-transitions  hardware-acceleration 

Tengo una pregunta sobre la velocidad de renderizado de la propiedad de transición css3. Supongamos que tengo varios elementos: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Es mucho más eficiente apuntar a …

82 performance  css  css-transitions 

Estoy usando transiciones de CSS para la transición entre estados transformados de CSS (básicamente, la transición de la escala de un elemento). Noto que cuando el elemento está en transición, el resto del texto en la página (en Webkit) tiende a alterar levemente su representación hasta que se realiza la …

81 css  webkit  css-transitions  css-transforms 

He codificado un script (con la ayuda de un usuario aquí) que me permite expandir un div seleccionado y hacer que los otros div se comporten en consecuencia al estirarlo por igual para adaptarse al espacio restante (excepto el primero cuyo ancho es fijo). Y aquí hay una imagen de …

9 javascript  jquery  css  flexbox  css-transitions