Bien le bonjour.

Après une bonne heure de recherches sur le net, je viens (une fois de plus ><) demander un petit coup de mains.

Je voulais savoir s'il est possible de "faire pousser un arbre". J'avais pensé utiliser une image en .gif . Seulement, le problème des GIFs est qu'ils se répètent à l'infini. Je voulais savoir donc, si grâce à du CSS, il était possible d'empecher cette répétition de l'image. Ainsi, l'arbre pousserait après le chargement de la page, et resterait à sa taille "adulte".
Si cela n'est pas possible, connaisseriez vous un moyen de rendre possible cette animation avec fin (en utilisant par exemple une succession d'image qui se charge avec un intervalle définie) ?

Il faut en effet, que le temps que l'arbre pousse, mon mapping soit inactif, et qu'il le devienne une fois l'arbre a sa taille adulte. (donc, il faudrait que l'affichage se fasse en deux temps : un premier ou l'arbre pousse, et un second ou l'image finale soit sujet au mapping)
Merci d'avance ^^