Lorsque je travaille avec CSS et HTML et JS, lorsque un élément est en display: none, et que je le mets en display: block, les animations ne se déclenchent pas. Comment résoudre ce problème ?

5 réponses


Alainpre
Réponse acceptée

Tu veux parler des transitions je supose.

Des recommandations de bibliothèques pour gérer ça proprement ? Je débute un peu là-dessus

Si c'est juste pour faire une animation ou un transition, les bibliothèques ne vont pas t'aider beaucoup.
Apprends plutôt las animatin CSS ou les transitions, c'est facile. Il y a un tutoriel sur les animations ici

Bonjour Alainpre

Suite à ta réponse, peut-on utiliser Keyframes pour par exemple faire animer des pions de Dominos? L'année dernière j'ai voulu faire un jeu de domino avec 4 joueurs. J'avais pris des pions en format png (ou svg je ne sais plus) mais je n'ai jamais réussi sur les animations pour les mélanger, les déplacer etc?

oui bien sûr.
Si c'est des images, tu peux modifier les marges par exemples.