Spinnende Blumenanimationen mit einfachem Javascript und CSS!

Ich habe nur zum Spaß ein paar sich drehende Blumenanimationen gemacht, das war eine Lernerfahrung! Ich habe einige Schleifen und Arrays verwendet, um dies zu erreichen, und ich bin begeistert, dass es funktioniert hat. Ich hoffe, Sie finden diese genauso unterhaltsam wie ich! Ich freue mich darauf, in Zukunft mehr zu machen. Ich hätte das fast aufgegeben. Ich bin froh, dass ich es nicht getan habe!

annavi11arrea1.github.io

Dieses Projekt war eine ziemliche Reise, ich hatte Mühe, Javascript und CSS genau richtig aufeinander abzustimmen. Viel graben!

Ich war sehr froh, als es mir endlich gelang, mein Array von Objekten mit angewendetem CSS-Stil ordnungsgemäß an das DOM anzuhängen.

Ich musste dann herausfinden, wie ich sie übereinander ausrichten konnte.

Nach einigem Basteln gelang es mir endlich, sie auszurichten. NIEMALS WIEDER VERGESSEN!!! XD

Und nachdem alles angezeigt und ausgerichtet war, konnte ich eine lustige, sich drehende Blumenanimation mit wechselnden Farben und Positionen erstellen.

Es hat etwas mehr als einen Tag gedauert, bis ich das herausgefunden habe. Wenn Sie ein Anfänger wie ich sind, empfehle ich Ihnen, sich meinen Code anzusehen und herauszufinden, was los ist! Es ist wirklich großartig, etwas zu bauen und es zum Laufen zu bringen. YAY! Bitte schön:

codesandbox.io

Das obige ist der detaillierte Inhalt vonSpinnende Blumenanimationen mit einfachem Javascript und CSS!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!