While there are many libraries out there for intersection animations, you can also use the INTERSECTION OBSERVER API in JavaScript. This API allows you to observer intersections of elements, and trigger things like transitions, lazy-loading and lots more.
In this video, I help you understand how this API works, and show you some transition examples.
Codepen link: https://codepen.io/Dillion/pen/abXyZKw
Helpful resources:
* Visibility vs Display: https://youtu.be/nMq3U65wAdQ
_____
Subscribe to My Channel: https://bit.ly/deeecode
_____
🌟 About Me:
Dillion Megida, creator of DEEECODE, is a Software Engineer, Developer Advocate and a Content Creator passionate about simplifying topics around Tech via articles and videos.
_____
⚡️ Connect with me:
- Personal youtube: https://youtube.com/c/dillionmegida
- Personal website: https://dillionmegida.com/
- Twitter: https://twitter.com/iamdillion
- Instagram: https://www.instagram.com/deeecode/
- LinkedIn: https://www.linkedin.com/in/dillionmegida/
- GitHub: https://github.com/dillionmegida
