Back to HTML and CSS projects

Animated Story

In this project, you will use HTML, CSS, and JavaScript to create an interactive story with animated text and characters that are triggered when the user scrolls. This is project 3 of 6 in the More Web path.

Start project Download lesson plan PDF
Animated sotry

What you will learn

  • track the position of elements
  • set images to load only when they are needed
  • create your own HTML page
  • animate text and image elements when they come into view

What you will need

Supporting material

Curriculum alignment for this project

Use this guide to see how Code Club delivers on the NDTC.