Il y a beaucoup de possibilités avec des animations dans des histoires d`AMP (e. Si le déclencheur n`est pas spécifié et que la lecture de l`animation est contrôlée par programme via ses actions, elle peut être placée n`importe où dans le DOM. actuellement, la visibilité est la seule valeur disponible pour l`attribut Trigger. Les trois autres images peuvent venir. La première cible appariée par le sélecteur aura l`index 0, la seconde aura l`index 1 et ainsi de suite. Le deuxième formulaire a deux arguments et retourne la valeur aléatoire entre ces deux arguments. Les composants d`animation peuvent spécifier leurs propres variables en tant que champs–var-name. Nous pouvons résoudre ce problème en utilisant l`extension amp-animation, ce qui permet d`exécuter des animations à plusieurs reprises. Ensuite, nous allons faire disparaître toutes les images. La fonction index () retourne un index de l`élément cible actuel dans l`effet d`animation.

C`est super, mais vous pouvez à peine remarquer l`effet parce que toutes les images se fanent en même temps! Les propriétés CSS gauche, supérieure et similaire qui peuvent utiliser des valeurs% pour exprimer des animations proportionnelles à la taille du conteneur. L`animation snackbar est déclenchée via l`action de redémarrage: on = “Tap: snackbarSlideIn. Nous commencerons par animer l`entrée du texte de la bannière et l`avons “whoosh in” à partir de la droite de la page. Cependant, il est malheureusement impossible de complètement Polyfill var (). Une autre façon de spécifier des images clés est dans la feuille de style du document (

Exemple de projet d`animation amp df3