Aller au contenu

Ariana

L'objectif de cet exercice est de mettre en pratique la notion de multi-étapes en AnimeJS.

Résultat attendu

Consignes

  • Effectuer un fork du Codepen de départ
  • Ajouter une animation sur la tête du personnage

Configurer l'animation de la tête

  • Positionnement sur l'axe des X de 0 à 10 à 0 à -10 à 0
  • Rotation de 0 à 5 à 0
  • Durée de 500 millisecondes
  • Répétition infinie
  • Délais de répétition de 500 millisecondes
  • Trouver par essaie/erreur le lissage utilisé dans le résultat attendu

Configurer l'animation de la main

  • Dans le css, ajuster la notion transform-origin de la main
  • Animer la main comme dans le résultat attendu