DEV Community

Jackie Yio Hex 🍥
Jackie Yio Hex 🍥

Posted on

✨ CSS bits: Smooth Scroll Animations with scroll-behavior

#css #code #webdev 
html {
  scroll-behavior: smooth;
}
Enter fullscreen mode Exit fullscreen mode

Explanation: This single line of CSS makes all anchor links and programmatic scrolls smooth and animated. It's a subtle but impactful improvement to user navigation.

Top comments (0)

Read next

bst53 profile image

JavaScript Higher-Order Functions Made Easy: Learn with a Real-Life Example! 💡

Burhanuddin S. Tinwala -

gladiatorsbattle profile image

Crafting a Futuristic Neon Button with Advanced Animations Gladiators Battle🚀

Gladiators Battle -

guillaumesere profile image

De la Maquette au Code : Comment Figma Simplifie l’Intégration Front-End

Guillaume Sere -

aralroca profile image

Brisa 0.2.0 Release Notes

Aral Roca -