Accueil animations

Désactivez les animations de cette page

Un titre qui clignote ou un bloc qui glisse à chaque défilement peut interrompre votre lecture. Ce raccourci arrête ces effets visuels sur la page ouverte.

Sur ordinateur, faites glisser le bouton ci-dessous vers la barre de favoris. Ouvrez ensuite la page voulue et utilisez le favori.

Désactiver les animations sur cette page

Sur téléphone ou sans barre de favoris ? Découvrez les autres façons d'utiliser ce raccourci ci-dessous.

Comment ça marche et quand l'utiliser

Comment utiliser ce raccourci sur téléphone ?

Sur téléphone, vous pouvez essayer d'enregistrer le code comme adresse d'un favori. Copiez d'abord le code ci-dessous.

iPhone (Safari) : ajoutez une page aux favoris, maintenez le doigt sur ce favori, choisissez Modifier et remplacez son adresse par le code copié.

Android (Chrome) : ajoutez une page aux favoris. Ouvrez les favoris, touchez les trois points à côté, choisissez Modifier et remplacez son adresse par le code copié.

Ouvrez ensuite la page à modifier et utilisez le favori. S'il ne fonctionne pas depuis le menu, saisissez son nom dans la barre d'adresse et sélectionnez la suggestion correspondante.

Adresse du favori

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);}())

Le fonctionnement varie selon le navigateur et sa version. Certains sites bloquent aussi ce type de raccourci.

Autre option sur iPhone : l'app Raccourcis

Dans Raccourcis, créez un raccourci avec l'action Exécuter JavaScript sur la page web et collez le code ci-dessous. Affichez-le dans la feuille de partage pour les pages Safari. Si nécessaire, autorisez l'exécution de scripts dans les réglages de Raccourcis. Ouvrez ensuite la page dans Safari, touchez Partager et choisissez votre raccourci.

Code pour l'app Raccourcis

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();

Comment utiliser la console sur ordinateur ?

Ouvrez la page à modifier. Dans Chrome, appuyez sur Ctrl + Maj + J (Windows/Linux) ou ⌘ + Option + J (Mac), collez le code ci-dessous dans la console et appuyez sur Entrée.

Code pour la console

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);}())

L'effet s'applique à la page ouverte. Vérifiez ce que fait un code avant de l'exécuter dans la console ; le navigateur peut afficher un avertissement de sécurité.

La règle demande animation: none et transition: none partout, y compris sur ce que la page dessine avant et après chaque boîte. Le site ne change pas. Seul votre écran change.

Quels mouvements ce raccourci arrête-t-il ?

Le bouton ajoute une règle de style à la page ouverte. Elle vaut pour tous les éléments.

La règle est animation: none et transition: none. Ce qui bougeait, grandissait ou changeait de couleur peu à peu reste immobile.

Si la règle est déjà sur la page, un second clic n'en empile pas une autre. Après un rechargement, le site retrouve son mouvement habituel.

Comment le garder et l'utiliser

Faites glisser le bouton vers la barre de favoris. Ouvrez la page qui bouge trop et cliquez sur le favori.

Le favori reste dans le navigateur. Chaque page sur laquelle vous cliquez reçoit de nouveau la règle, jusqu'au rechargement.

Ce qui continue de bouger

La vidéo, l'audio et le défilement continuent. Ce qui s'arrête, c'est l'animation et la transition visuelle.

Les autres personnes voient le site tel qu'il est. Le changement ne quitte pas votre navigateur.