Intersection Observer Lab
In this lab, you will be working with the Intersection Observer API to observe and manage the visibility of certain elements on your webpage. The observer will track the visibility of two boxes,
You will learn about the following concepts in the process:
- Creating and configuring intersection observer.
- Handling intersection events and changing styles accordingly.
- Setting thresholds and understanding intersection ratios.
At the end of this lab, you would have successfully created an intersection observer that manages the styles of the boxes as they enter and exit the viewport.