Please enable JavaScript to use CodeHS

Web Development

View Syllabus Overview

Lesson 1.11 Positioning and Animations

Description

In this lesson, students learn how to use the position style in CSS to improve animations.

Objective

Students will be able to:

  • Explain the difference between all the position attributes
  • Use position to animate elements

Activities

These are all the activities included in the lesson

1.11.1 Positioning and Animations
1.11.2 Positioning and Animations
1.11.3 Positioning Elements
1.11.4 Moving Square in Container
1.11.5 Practice with Positions
1.11.6 Hidden Nav Bar
1.11.7 Moving a Square
1.11.8 Add Div Animation