Weekly Code Quickies

Create a website with scroll animation


Listen Later

Learn how to create a website with scroll animation using HTML CSS and JavaScript with its Intersection Observer API  


🎱Source Code for this Video: 


https://norbertbm.com/scroll-animated-website/


-----------------------------------------------------------------------------  


👇 Website & Courses: 


👨‍🏫  : https://norbertbm.com/web-development/web-dev-courses/ 


Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w


------------------------------------------------------------------------------------------------- 


Timestamps: 


00:00 - Intro & Project overview 


02:00 - Basic Setup HTML and CSS 


05:25 - using Intersection Observer API 


08:42 - delay transition effect with css     


------------------------------------------------------------------------------------------------- 


 -------------------------------------------------------------------------------------------------


  #SrollAnimation #javascriptproject #WebsiteAnimation



Get full access to Norbert’s Web Dev School at norbertbmwebdev.substack.com/subscribe
...more
View all episodesView all episodes
Download on the App Store

Weekly Code QuickiesBy Norbert B.M.