Animations de fleurs tournantes avec Javascript et CSS simples !

J'ai réalisé des animations de fleurs qui tournoyaient juste pour m'amuser, c'était une expérience d'apprentissage ! J'ai utilisé des boucles et des tableaux pour y parvenir, et je suis ravi de l'avoir fait fonctionner. J'espère que vous trouverez cela aussi amusant que moi ! Je suis ravi d’en faire plus à l’avenir. J'ai PRESQUE abandonné ça. Je suis content de ne pas l'avoir fait !

annavi11arrea1.github.io

Ce projet a été un peu un voyage, j'ai eu du mal à aligner correctement le javascript et le css. Beaucoup de fouilles !

J'ai été très heureux quand j'ai enfin pu ajouter correctement mon tableau d'objets au DOM avec le style CSS appliqué.

J'ai ensuite dû trouver comment les aligner les uns sur les autres.

Après quelques bricolages massifs, je les ai finalement réussi à les aligner. NE PLUS JAMAIS OUBLIER !!! XD

Et après avoir tout fait apparaître et aligner, j'ai pu créer une animation amusante de fleurs tournantes avec des couleurs et des positions de transition.

Il m'a fallu un peu plus d'une journée pour comprendre cela. Si vous êtes un débutant comme moi, je vous encourage à consulter mon code et à voir si vous pouvez comprendre ce qui se passe ! C'est vraiment génial de construire une chose et de la faire fonctionner. OUAIS ! Voilà :

codesandbox.io

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!