CSS Animations: A Step-by-Step Tutorial Guide to Create a Simple Bouncing Ball Animation

This is a repository that hosts the files for the exercise/tutorial for the article I wrote about creating a bouncing ball animation using pure HTML and CSS.

You can also read my article here on Hacker Noon: CSS Animations: Creating Bouncing Ball Animation From Scratch

Built With

• HTML5
• CSS3

Live Demo

Live demo

Video of Live Demo used in the article

Video used in article

Getting Started

To get a local copy up and running follow the simple steps outlined below.

How To Use 🔧

From your command line, do the folowing steps below: ​

1. Clone the projects' repository into your machine.

# Clone this repository
$ git clone git@github.com:chelmerrox/Animations-Article-Tutorial.git

2. Change directory/Go into the repository with the command below.

$ cd Animations-Article-Tutorial

Author

👤 Losalini Rokocakau ​

• Github: @chelmerrox
• Twitter: @chelmerrox
• Linkedin: Losalini Rokocakau

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse
• My Mentor
• My Stand-Up Team
• The Internet for all of the resources/materials I needed for my article

📝 License

This project is MIT licensed.