Resultados de la búsqueda a petición "css-transitions"
CSS-Filter en el padre rompe el posicionamiento del niño
Actualmente estoy trabajando en un sitio web y encontré este comportamiento extraño. No estoy seguro de si se trata de un error o de cómo tratarlo, así que les pido ayuda. Así que tengo esta "animación" de la pantalla de título que tiene el ...
Comportamiento extraño al girar un elemento al pasar el mouse
Dados estos dos ejemplos. Usando Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
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 ...
Transición CSS simple: nada funciona
Estoy trabajando en una imagen con un degradado que desaparece al pasar el mouse. Sin embargo, no puedo llevar esto a la transición. He probado todas las transiciones de webkit que conozco y no parece querer funcionar. Aquí está el HTML: <a ...
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 ...
Dibujar colores de borde durante una transición CSS
button { background: none; border: 0; box-sizing: border-box; margin: 1em; padding: 1em 2em; box-shadow: inset 0 0 0 2px #f45e61; color: #f45e61; font-size: inherit; font-weight: 700; position: relative; vertical-align: middle; } ...
La imagen se mueve al pasar el mouse al cambiar el filtro en cromo
Tengo una imagen, cuando la desenfoco al pasar el mouse, se mueve ligeramente, es como si la imagen se sacudiera en su posición, el problema solo ocurre en cromo (probado con: chromium 63 linux-x86_64), .item img{ transition: 250ms all ...
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í ...
MS Edge CSS transición parpadeo
He notado un problema extraño con las transiciones CSS en MS Edge. Básicamente, si tiene una transición, entre estados de desplazamiento, por ejemplo, pero los estilos definidos para esos estados de desplazamiento están sobreescritos en la ...
El clic de etiqueta de ancla no funciona en el control deslizante CSS
Me gustaría usar el siguiente control deslizante CSS en mi proyecto http://jsfiddle.net/63w9jnqq/1/ [http://jsfiddle.net/63w9jnqq/1/] No utiliza ningún JavaScript o jQuery. Cuando hago clic en el enlace desde cualquier diapositiva que no ...