Projekt in CSS Skill Tree

Westwärtsreise zum Himmlichen Westen

Anfänger

In diesem Projekt lernen Sie, wie Sie mit CSS eine animierte Sequenz erstellen. Das Projekt basiert auf der Geschichte einer Gruppe von Jüngern, die auf eine Reise nach Westen unternommen haben, um buddhistische Schriften zu suchen. Doch wurden sie auf halbem Weg von Dämonen festgehalten, und eine Figur namens Tom hat mit CSS geholfen, sie zu befreien, sodass die Jünger ihre Reise nach Westen fortsetzen konnten.

CSS

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Projekt lernst du, wie du eine animierte Sequenz mit CSS erstellst. Das Projekt basiert auf der Geschichte einer Gruppe von Jüngern, die auf eine Pilgerreise nach Westen machen, um Buddhaische Schriften zu suchen. Sie wurden jedoch mitten auf dem Weg von Dämonen blockiert, und ein Charakter namens Tom hat CSS genutzt, um sie zu retten und den Jüngern zu ermöglichen, ihre Reise nach Westen fortzusetzen.

👀 Vorschau

CSS animierte Jüngerreise

🎯 Aufgaben

In diesem Projekt wirst du lernen:

  • Wie du die Animationsrahmen für die Charaktere in der Szene einrichtest
  • Wie du die Animationsschlüsselbilder für jeden Charakter definierst, um die Illusion der Bewegung zu erzeugen
  • Wie du die Animationen unendlich oft wiederholen lässt, um eine kontinuierliche, nahtlose Animation zu erstellen

🏆 Errungenschaften

Nach Abschluss dieses Projekts wirst du in der Lage sein:

  • CSS-Animationen zur Erzeugung dynamischer und ansprechender visueller Effekte zu nutzen
  • Mehrere Animationen zu koordinieren, um eine zusammenhängende, synchronisierte Animationssequenz zu erstellen
  • Animationen für Leistung und Reaktionsfähigkeit zu optimieren

Lehrer

labby

Labby

Labby is the LabEx teacher.