Back to HTML and CSS projects

Sunrise

In this project, you’ll learn how to use CSS to create an animated sunrise.

Start project Download lesson plan PDF
Sunrise

What you will learn

  • Styling and animation with CSS
  • Introducing @keyframes rule for defining steps in an animation
  • Reinforcing the use of properties to define the size, shape, position and colour of elements on a webpage

What you will need

Curriculum alignment for this project

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