---

CSS Animation Collection

A collection of useful animations built using CSS.

This collection consists of the following animations:

• Font Awesome Bouncing Icon CSS Recreation: Font Awesome's bounce effect recreated using only CSS.
  • Folder Path: src/bounce_effect
  • View it on CodePen here.

Font Awesome Bouncing Icon CSS Recreation

• Wave Animation: A rising and falling wave activity indicator animation built using CSS.
  • Folder Path: src/wave_animation
  • View it on CodePen here.

Wave Animation.

• Spinning Activity Indicator Animation: A spinning activity indicator animation built using CSS.
  • Folder Path: src/spinner_animation
  • View it on CodePen here.

Spinning Activity Indicator Animation.

• Disappearing Scrolling Element: A disappearing HTML element based on scrolling behavior (based on a Stack Overflow Answer).
  • Folder Path: src/scrolling_element
  • View it on CodePen here.

Disappearing Scrolling Element

---

Table of Contents

• Getting Started
• Resources
• License
• Credits

Getting Started

1. Clone this repository to your local machine.
2. View each animation by following the paths mentioned above.
3. Open the index.html file in your web browser.
4. View the animation.
5. Feel free to plug in the animations into your own projects.

Resources

• JavaScript
• HTML
• CSS

License

This project is released under the terms of The Unlicense, which allows you to use, modify, and distribute the code as you see fit.

• The Unlicense removes traditional copyright restrictions, giving you the freedom to use the code in any way you choose.
• For more details, see the LICENSE file in this repository.

Credits

Author: Scott Grivner
Email: scott.grivner@gmail.com
Website: scottgrivner.dev
Reference: Main Branch

---