/animation-collections

This repository is made for containing different animations used for website designing. Hacktoberfest2022

Primary LanguageCSS

Web Animations ๐ŸŽ‰

This is a repository entirely dedicated to animations used in creating a website. It aims to provide everyone with many awesome animations for their websites.This animations can be used in different ways like screen loader, text-animation, page change animation, logo animations and many more.

Launguage to be Considered

  • HTML
  • CSS
  • JavaSript
  • React.js
  • Node.js

๐ŸŽ‡How To Contribute ๐ŸŽ‡

To start contributing, follow the below guidelines:

  1. Take a look at the existing issues or animations in this repository. Wait for the Issue to be assigned to you after which you can start working on it.

  2. Find a new or creative animation to work on.

  3. Open an issue.

  4. Get it assigned.

  5. Work on it i.e

    • Create the animation by yourself.
    • Add it to your forked repo, if the folder doesn't exist create it first and then add your code.
    • Add a gif of your animation in your folder for preview.
    • Add your detail in data.js file as shown.
  6. Make a pull request.

  7. Wait for it to be merged

  8. Congratulations!!

๐ŸŽ‡Steps For Making A Pull Request

1. Fork this repository.

2. Clone your forked copy of the project.

git clone 

3. Add a reference(remote) to the original repository to get all the changes from the remote.

git remote add upstream 

4. Check the remote for this repository.

git remote -v

5. Always take a pull from the upstream repository to your master branch to keep it at par with the main project (updated repository).

git pull upstream main

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perform your changes to the code base.

8. Track your changes.

git add . 

9. Commit your changes.

git commit -m "Relevant message"

10. Push the committed changes in your branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on Compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts.

13. Click on Create Pull Request.