Web Design and Development - Explore | CodeHS

Lesson 3.16 Interaction

Description

In this lesson, students will combine special selectors like :hover with animations to create sites that respond to the user’s actions.

Objective

Students will be able to:

Add simple interactions to their websites, so that parts of the website change if the user hovers or clicks on parts of the site

Activities

These are all the activities included in the lesson

3.16.1 Interaction

3.16.2 Interaction Quiz

3.16.3 Interactive Image Filter

3.16.4 Smooth Interactive Image Filter

3.16.5 Smooth Change on Click

3.16.6 Button Interaction

3.16.7 Create Your Own Tooltip

3.16.8 Worldwide Foods Part 4

3.16.9 Career Website: Engage the User

3.16.10 CSS Tricks