Newton’s Cradle Using Only HTML & CSS | Pure CSS Physics Animation
In this video, I created a Newton’s Cradle animation using only HTML and CSS — no JavaScript, no libraries, just clean code and creativity!
It’s a perfect example of how CSS keyframes and animations can simulate real-world physics. Whether you’re learning frontend or looking for fun project ideas, this simple yet elegant animation will inspire you.
🎯 Technologies used:
HTML5
CSS3 (keyframes, transforms, transitions)
No JavaScript
💡 Great for:
CSS animation practice
Creative frontend design
Physics-based UI
Portfolio enhancement
📁 Want the source code? Let me know in the comments!