Hacktoberfest-animations
Small animation selector for Hacktoberfest
How to contribute
- Fork this repo
- Create a new CSS file with your cool animation name inside
./animations
folder, be creative! - Edit the
./animations.js
file to include your animation using the following structure:
{
name: 'the-name-of-your-animation',
author: 'your-github-username'
}
PS: the animation name should have the same name of your CSS file.
PS²: although it is not necessary to include your object alphabetically (there is a function that will do this automatically afterwards), it is recommended that you do so to keep the project organized.
PS³: use the same name of your CSS file as your animation class. Example: a file named my-cool-animation.css
containing a .my-cool-animation
class inside.
- DONE!
If you have any problems/questions or issues please submit an issue and I will get to you!
Don't forget to star!
Showcase
boogie by jdsteinbach
colours - zerossB
glitch by OhmSainz
heartbeat by azrizhaziq
neon by Kalugin Pavel
tada by MariMendes
typewriter by aihowes
pumpkins by ashwoodall
border-rainbow by brunobolting
Notable Contributions
Huge thanks to rn4n for massively improving the structure of the project.