How To Create Animated Anchor Links Using CSS

Опубликовано: 06 Апрель 2022
на канале: CSS Weekly
4,159
90

In this quick tip, you'll learn to create animated anchor links using CSS scroll-behavior property.

🔗 Codepen demo: https://codepen.io/ZoranJambor/pen/wv...
🎓 scroll-behavior property: https://developer.mozilla.org/en-US/d...

Chapters:
00:00 Introduction
00:13 Setup
00:35 Creating a navigation menu
02:57 How scroll-behavior works
03:38 JavaScript demo using scrollTo() method
04:09 Conclusion

Subscribe to CSS Weekly Newsletter:
💌 https://css-weekly.com/

Keep up-to-date with CSS Weekly:
👉 Twitter:   / cssweekly  
👉 Instagram:   / cssweekly  
👉 Facebook:   / cssweekly  

Keep up to date with what I'm up to:
🔗 Blog: https://zoranjambor.com
👉 Twitter:   / zoranjambor  
👉 LinkedIn:   / zoranjambor  

Zoran Jambor

#css