Resultados de la búsqueda a petición "css-transitions"
Banner de desplazamiento infinito suave [solo CSS]
Buscando optimizar este efecto de desplazamiento infinito, sin embargo, no estoy completamente seguro de cómo crear una transición suave al volver a la imagen original. A los 10 años apenas se nota, sin embargo, a los 30 años es más evidente. ...
CSS, ¿cómo hacer que un elemento se desvanezca y luego se desvanezca?
Puedo hacer que un elemento con una opacidad de cero se desvanezca cambiando su clase a .elementToFadeInAndOut con el siguiente CSS: .elementToFadeInAndOut { opacity: 1; transition: opacity 2s linear; }¿Hay alguna manera de hacer que el elemento ...
la transición de colapso no funciona con la UI Bootstrap de angular
Estoy tratando de crear un div que se mostrará / ocultará cuando se haga clic en un botón. losPágina de Bootstrap UI [https://angular-ui.github.io/bootstrap/] muestra un buen ejemplo simple que usa una transición CSS. Aquí está miviolín ...
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; ...
Comprender el desplazamiento z en el origen de transformación
Estoy tratando de estudiar la propiedad de origen de transformación y cómo funciona exactamente esta propiedad. Hice una pequeña demostraciónAQUÍ [http://jsfiddle.net/2b5qg7kz/]. HTML: <div class="section-title"> <span data-hover="Product ...
La transformación CSS3 hace que el texto parpadee en Safari y Firefox Mac Yosemite
Tengo un problema extraño en Safari y Firefox (Mac / Yosemite) que hace que casi todo el texto de la página parpadee al pasar el cursor sobre el elemento transformador. Gif de ejemplo: (Firefox, Yosemite) .usp { //USP has an icon that is ...
Efecto de desvanecimiento CSS3
a { float: left; width: 32px; height: 32px; text-align: left; text-indent:-9999px; background: url('../img/button.png') no-repeat 0 0; -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */ -moz-transition: ...
Se corrigió el mal comportamiento de la posición en IE11
Estoy experimentando un mal comportamiento de los elementos en mi página, solo en IE (11); enlace en vivoaquí [http://www.neuegrid.com/typography/]. El texto de registro, el menú y el texto de la barra lateral izquierda, permanecen en su lugar, ...
¿Por qué mi Transformación retrocede?
Estoy tratando de hacer que mi elemento permanezca en su lugar (después de la transición). En este momento, la ubicación traducida es donde la quiero, pero luego mi nombre vuelve a aparecer en la cita. ¿Me estoy perdiendo un fragmento de código o ...
¿Cambiar el color de fondo como desplazamiento de página sin jquery?
Estoy tratando de hacer que una transición funcione para que el color bg se desvanezca en otro color dependiendo de la posición de la página / es decir. desencadenado por divs con la misma clase. Encontré algunos js aquí ...