/Animating-Buttons

Explore Amazing Buttons animation for your next project. 🤩An initiative by GDSC-DYPCOE for Hactoberfest. 🚀

Primary LanguageCSSMIT LicenseMIT

Screenshot 2022-10-15 at 1 19 54 PM

✨✨HacktoberFest 2022✨✨

Screenshot 2022-10-15 at 1 19 54 PM

What can You contribute ⚠️

  • You can contribute any animated buttons. 🤩
  • You can update or refine an existing animated button or even add your own new buttons in this repo. 🚀
  • Make sure you follow the below steps before making your contributions❗❗❗

Firstly

📢 Register here for Hacktoberfest and make 4️⃣ PRs this month to grab free SWAGS 🔥

  • Fork this repo here
  • Clone on your local machine
git clone https://github.com/**username**/Animating-Buttons.git
npm i
npm start
  • Navigate to project directory.
cd Animating-Buttons
  • Create a new Branch
git checkout -b my-new-branch

Go to public/Buttons folder and add a new folder with your GitHub username including your button code (index.html + style.css files)

  • Add this code in the btns-container div
<iframe
          className={classes.container}
          title="your_github_username"
          src="Buttons/your_github_username/index.html"
></iframe>

Note:

  • Make sure to align your button centered horizontally as well as vertically.

  • Don't forget to replace 'your_github_username' with GitHub Username.

  • If you are adding more than one buttons then give proper names such as Spyware007_1,Spyware007_2, your_github_username_1,etc

  • Stage your changes.

git add .
  • Commit your changes.
git commit -m "Relevant message"
  • Then push
git push origin my-new-branch
  • Finally, create a new pull request from your forked repository


PLEASE NOTE

  • Make sure you commit your changes in a new branch❗❗
  • Make sure that your file name and your commit message are relevant.
  • Also, make sure you comment your code wherever necessary.

Our Beloved Contributors 😍



DON'T FORGET TO ⭐STAR⭐ THIS REPOSITORY !!✨✨

You can follow me here