Project in CSS Skill Tree

Westward Journey to Heavenly West

Beginner

In this project, you will learn how to create an animated sequence using CSS. The project is based on the story of a group of disciples who set out on a journey to the Western Heaven to seek Buddhist scriptures. However, they were immobilized midway by demons, and a character named Tom used CSS to save them, allowing the disciples to continue their journey to the West.

CSS

Introduction

In this project, you will learn how to create an animated sequence using CSS. The project is based on the story of a group of disciples who set out on a journey to the Western Heaven to seek Buddhist scriptures. However, they were immobilized midway by demons, and a character named Tom used CSS to save them, allowing the disciples to continue their journey to the West.

👀 Preview

finished

🎯 Tasks

In this project, you will learn:

  • How to set up the animation frames for the characters in the scene
  • How to define the animation keyframes for each character to create the illusion of movement
  • How to make the animations loop infinitely to create a continuous, seamless animation

🏆 Achievements

After completing this project, you will be able to:

  • Utilize CSS animations to create dynamic and engaging visual effects
  • Coordinate multiple animations to create a cohesive, synchronized animation sequence
  • Optimize animations for performance and responsiveness

Teacher

labby

Labby

Labby is the LabEx teacher.