Cómo evitar el parpadeo provocado por las animaciones de CSS en Chrome

parpadeo-chrome

Si has llegado hasta aquí es probablemente porque has intentado meter una transition para animar con CSS algún elemento de una web y después cuando se activa esa animación mientras navegas con Chrome se produce un parpadeo de la pantalla bastante molesto.

Pues bien, estás de suerte porque la solución a ese problema es tan sencilla como añadir la siguiente propiedad al CSS del elemento al que aplicas la transición:

Y… Voilà!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">