Bon après une bonne discussion avec mon collègue étudiant, j'ai décidé de simplifier en faite.
J'ai sur ma page : -Un bakcground -Une <div id="bombe">
Il faut que je traduise en Javascript ou Jquery
SI on clique sur la div bombe ALORS le compte à rebours démarre SI le compte à rebours = 0 ALORS l'animation se lance SI l'anim est finie ALORS on accède à une autre page
tu peux rajouter dans ton div un événement javascript OnClick qui appellera une fonction javascript qui lancera ton animation lorsqu'il y aura un click sur ton div. (<div id="bombe" OnClick="fontionjs();" >) Après cela dépend de quelle animation tu veux (format).
PS.: Ta première idée de lancer l'animation au passage de la sourie au dessus d'une zone n'est pas plus compliquée. Il faut juste utiliser l'événement OnMouseOver dans ton div. Tu peux aussi mettre ces événements dans un fichier CSS comme tu l'as indiqué.
Si tu as besoin de plus de détails n'hésites pas à me demander.