https://github.com/alitursucular/bouncing-ball-with-css-keyframes-demo

This project simulates a ball falling from a height. In order to make the animation more realistic, I showed the shape change at the moment of impact and the decreasing height due to friction. (Bonus: Impact Effect & Bezier Curves)
https://github.com/alitursucular/bouncing-ball-with-css-keyframes-demo

Last synced: about 2 months ago
JSON representation

This project simulates a ball falling from a height. In order to make the animation more realistic, I showed the shape change at the moment of impact and the decreasing height due to friction. (Bonus: Impact Effect & Bezier Curves)

• Host: GitHub
• URL: https://github.com/alitursucular/bouncing-ball-with-css-keyframes-demo
• Owner: alitursucular
• Created: 2019-04-16T13:11:33.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-08-25T13:35:05.000Z (over 5 years ago)
• Last Synced: 2025-02-02T01:30:02.560Z (4 months ago)
• Language: HTML
• Homepage:
• Size: 12.7 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Bouncing ball with CSS keyframes (Bonus: Impact Effect & Bezier Curves)

This project simulates a ball falling from a height. In order to make the animation more realistic, I showed the shape change at the moment of impact and the decreasing height due to friction.

---

For the **blog post** and the **demo** of this repo please visit: https://alitursucular.github.io/bouncing-ball-with-CSS-keyframes/