Inicio animations

Desactiva las animaciones de esta página

Un titular que parpadea o un bloque que se mueve cada vez que bajas puede distraerte. Este atajo detiene esos efectos visuales en la página abierta.

En el ordenador, arrastra el botón de abajo a la barra de favoritos. Después, abre la página que quieras y usa el favorito.

Desactivar animaciones en esta página

¿Usas el móvil o no tienes barra de favoritos? Mira otras formas de usar este atajo más abajo.

Cómo funciona y cuándo usarlo

¿Cómo usar este atajo en el móvil?

En el móvil puedes intentar guardar el código como dirección de un favorito. Primero copia el código de abajo.

iPhone (Safari): guarda cualquier página en Favoritos, mantén pulsado el favorito, elige Editar y sustituye su dirección por el código copiado.

Android (Chrome): guarda una página en Favoritos. Abre Favoritos, toca los tres puntos junto a ella, elige Editar y sustituye su dirección por el código copiado.

Después, abre la página que quieres modificar y usa el favorito. Si no se ejecuta desde el menú, escribe el nombre del favorito en la barra de direcciones y selecciona la sugerencia.

Dirección del favorito

javascript:void(function(){var id="disable-page-animations";if(document.getElementById(id))return;var s=document.createElement("style");s.id=id;s.textContent="*,*::before,*::after{animation:none!important;transition:none!important}";(document.head||document.documentElement).appendChild(s);}())

El funcionamiento depende del navegador y de su versión. Algunas páginas también bloquean este tipo de atajo.

Otra opción en iPhone: app Atajos

En Atajos, crea un atajo con la acción Ejecutar JavaScript en página web y pega el código de abajo. Activa su aparición en la hoja de compartir para páginas de Safari. Si se solicita, permite ejecutar scripts en los ajustes de Atajos. Después, abre la página en Safari, toca Compartir y elige el atajo.

Código para la app Atajos

void(function(){var id="disable-page-animations";if(document.getElementById(id))return;var s=document.createElement("style");s.id=id;s.textContent="*,*::before,*::after{animation:none!important;transition:none!important}";(document.head||document.documentElement).appendChild(s);}());completion();

¿Cómo usar la consola en el ordenador?

Abre la página que quieres modificar. En Chrome, pulsa Ctrl + Shift + J (Windows/Linux) o ⌘ + Option + J (Mac), pega el código de abajo en la consola y pulsa Enter.

Código para la consola

void(function(){var id="disable-page-animations";if(document.getElementById(id))return;var s=document.createElement("style");s.id=id;s.textContent="*,*::before,*::after{animation:none!important;transition:none!important}";(document.head||document.documentElement).appendChild(s);}())

El efecto se aplica a la página abierta. Comprueba qué hace cualquier código antes de ejecutarlo en la consola; el navegador puede mostrar una advertencia de seguridad.

La regla pide animation: none y transition: none en todo, incluso en lo que la página dibuja antes y después de cada caja. El sitio no cambia. Solo tu pantalla.

¿Qué se detiene al usar el atajo?

El botón añade una regla de estilo en la página abierta. Vale para todos los elementos.

La regla es animation: none y transition: none. Lo que se movía, crecía o cambiaba de color poco a poco se queda quieto.

Si la regla ya está en la página, un segundo clic no apila otra. Al recargar, el sitio vuelve al movimiento de siempre.

Cómo guardarlo y usarlo

Arrastra el botón a la barra de favoritos. Abre la página que se mueve de más y haz clic en el favorito.

El favorito sigue en el navegador. Cada página en la que hagas clic recibe la regla otra vez, hasta que recargues.

Qué sigue moviéndose

El vídeo, el audio y el desplazamiento continúan. Lo que se detiene es la animación y la transición visual.

Las demás personas ven el sitio como es. El cambio no sale de tu navegador.