Sans vouloir influencer qui que ce soit, je conseille à celles et ceux qui ne voient pas les animations sur mon blog ou sur d'autres sites, d'utiliser un navigateur autre que Internet Explorer, qui n'est plus adapté pour ce genre de lecture.
Vous pouvez vérifier la compatibilité de votre navigateur en survolant ce texte: il devrait s'agrandir si votre navigateur sait le lire.
Avoir plusieurs navigateurs sur son PC ne bloque rien et prend simplement de la place sur votre disque.
Sachez également que l'effacement automatique de l'historique est possible sur le navigateur Internet Explorer; pour un autre navigateur, vous pouvez opter pour un nettoyage automatique par CCleaner, par exemple !
La technique nous permet des présentations sympathiques; il serait dommage de s'en priver en ne choisissant pas le bon logiciel de navigation !

Ne m'en veuillez pas de trop mais je teste...! SURVOL
Dans ce montage, les variations sont toutes du même style (temps, évolution) ce qui permet d'aligner les critères à modifier très facilement.
Ici, variation de l'ombre du cadre, de la couleur de fond, de la couleur du texte, de son épaisseur et de sa taille.
Il semble que cela soit visible facilement par mes visiteurs...

Ce paragraphe pour tenir compte du mouvement du paragraphe ci-dessus qui, sans cela, sort du cadre...!
Et pour bien assimiler ce "machin", voici le code, que je tente de comprendre !
...<style><!--
.animated {
   box-shadow:2px 2px 4px black;
   background-color: green;
   color:yellow;
   fontWeight='normal';
   font-size: 10pt;
   -webkit-transition: all 4s ease-in-out;
   -moz-transition: all 4s ease-in-out;
}
.animated:hover {
   box-shadow:6px 6px 10px brown;
   background-color: pink;
   color:black;
   font-size: 14pt;
   fontWeight='bold';
   -webkit-transform: translate(100px, 70px) scale(1.3) ;
  -moz-transform: translate(100px, 70px) scale(1.3);
--></style>
<p class="animated" style="width: 450px; height: 200px;">La paragraphe ou l'image identifié ("animated") pour que les animations choisies s'appliquent sur lui ou sur elle</p>

Ne pensez pas que je veuille étaler ma science (laquelle d'ailleurs !) mais le fait d'écrire ces codes (copiés sur le net !) et de les analyser me permet d'essayer de comprendre pour agir sur les paramètres sans trop casser la machine !
La partie de code en bleu indique les critères de départ, du fichier identifié (animated) qui seront modifiés au survol selon les paramètres définis de façon identique, dans les deux navigateurs (moz et webkit); ici, toute animation (all) prendra 4 secondes et suivra la variation de la courbe: ease-in-out.
La partie en vert indique les valeurs des critères choisis, en fin d'animation ainsi que les animations générales: translation (100px à droite et 70 px en bas) et taille (scale :x1.3), sur le fichier identifié (animated)
La paragraphe  identifié (animated) (texte, image, vidéo...) qui affichera les animations.

-->