# Futuristic CSS Animations
An Open Source Repository to Publish Your Futuristic CSS3 Animations & Win Your Hacktoberfest 2022 Swags.

![image](https://user-images.githubusercontent.com/70385488/192114009-0830321a-d227-4a4d-8411-6c03b54d7ce6.png)

<div align="center">

<!--[![Open Source Love](https://firstcontributions.github.io/open-source-badges/badges/open-source-v1/open-source.svg)](https://github.com/AnshSinghSonkhia/Coding-Keyboard-Shortcuts) -->
<!--<img src="https://img.shields.io/static/v1?label=%E2%AD%90&message=If%20Useful&style=style=flat&color=BC4E99" alt="Star Badge"/>-->

<a href="https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/blob/master/LICENSE" target="blank"><img src="https://img.shields.io/github/license/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat" alt="licence"/></a>
![](https://img.shields.io/badge/-Good_First_Issue-blue?style=flat&logo=&logoColor=black)&nbsp;
<img src="https://img.shields.io/badge/Hacktoberfest-2023-blueviolet" alt="Hacktober Badge"/>
<a href="https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/fork" target="blank"><img src="https://img.shields.io/github/forks/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat" alt="forks"/></a>
<a href="https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/stargazers" target="blank"><img src="https://img.shields.io/github/stars/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat" alt="stars"/></a>
<a href="https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/issues?q=is%3Aissue+" target="blank"><img src="https://img.shields.io/github/issues/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat-square" alt="opensourceEvents issues"/></a>
<a href="https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/pulls?q=is%3Apr" target="blank"><img src="https://img.shields.io/github/issues-pr/AnshSinghSonkhia/Futuristic-CSS-Animations?style=flat-square" alt="opensourceEvents pull-requests"/></a>
<a href="https://github.com/AnshSinghSonkhia"><img src="https://img.shields.io/badge/Contributions-welcome-green.svg?style=flat&logo=github" alt="Contributions" /></a>

</div>


![](https://i.imgur.com/waxVImv.png)

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=AnshSinghSonkhia/Futuristic-CSS-Animations&type=Date)](https://star-history.com/#AnshSinghSonkhia/Futuristic-CSS-Animations&Date)



### This repository aims to help code beginners with their first successful pull request and open source contribution. :partying_face:

:star: Feel free to use this project to make your first contribution to an open-source project on GitHub. Practice making your first pull request to a public repository before doing the real thing!

:star: Make sure to grab some cool swags during Hacktoberfest by getting involved in the open-source community.

### This repository is open to all members of the GitHub community.
Any member can contribute to this project!

## :thinking: What is Hacktoberfest?
A month-long celebration from October 1st to October 31st presented by [Digital Ocean](https://hacktoberfest.digitalocean.com/) and [DEV Community](https://dev.to/) collaborated with [GitHub](https://github.com/blog/2433-celebrate-open-source-this-october-with-hacktoberfest) to get people involved in [Open Source](https://github.com/open-source). Create your very first pull request to any public repository on GitHub and contribute to the open-source developer community.

[https://hacktoberfest.digitalocean.com/](https://hacktoberfest.digitalocean.com/)

## Rules :fire:
To qualify for the __official limited edition Hacktoberfest shirt__, you must register [here](https://hacktoberfest.digitalocean.com/) and make four Pull Requests (PRs) between October 1-31, 2022 (in any time zone). PRs can be made to any public repo on GitHub, not only the ones with issues labeled Hacktoberfest. This year, the __first 40,000__ participants who complete the challenge will earn a T-shirt.

![](https://i.imgur.com/waxVImv.png)


## ✨ How To Contribute To This Repository?

* Star this Repository.
* Fork this Repository.
* Create a folder with the name of your CSS Animation. For Example: `Beautiful Scroll Animation` or `Image Slider Animation`.
* Add Your Complete CSS Animation Project with <b>all the files</b> to that Folder.
* Raise a Pull Request mentioning what type of animation you have added.
* Comment a Video Proof of your animation.
* Sit Back-Relax-Enjoy! &nbsp;
> **Note**:
>Your PR will be merged within a day with the `hacktoberfest-accepted` label.

> **Warning** <br>
> Don't Duplicate Any Animation Which is Already Present in this Repository.
> There must be some big changes, if the type of animation is same.

![](https://i.imgur.com/waxVImv.png)


## 🧁 Enjoy Your HACKTOBERFEST 2022 Swags.. 👕
![](https://go.kotisdesign.com/wp-content/uploads/2020/02/digital-ocean-map.jpg)


## Thanks to all Contributors ✨

Thanks Goes To These Wonderful People ❤ <!--([emoji key](https://allcontributors.org/docs/en/emoji-key)):-->

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tbody>
    <tr>
      <td align="center"><a href="https://github.com/AnshSinghSonkhia"><img src="https://avatars.githubusercontent.com/u/110414565?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ansh Singh Sonkhia</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/ishani-1255"><img src="https://avatars.githubusercontent.com/u/112965737?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ishika Ishani</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/Sudhir878786"><img src="https://avatars.githubusercontent.com/u/92601949?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sudhir Sharma</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/Chayandev"><img src="https://avatars.githubusercontent.com/u/91884990?v=4?s=100" width="100px;" alt=""/><br /><sub><b>CHAYANDEV BERA</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/Farhan-2222"><img src="https://avatars.githubusercontent.com/u/87274221?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Md Farhan Sajid</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/pman47"><img src="https://avatars.githubusercontent.com/u/72241422?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Manish Prajapati</b></sub><br> :computer: </a></td>
    </tr>
    <td align="center"><a href="https://github.com/anasilveira9787"><img src="https://avatars.githubusercontent.com/u/93779252?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ana Silveira</b></sub><br> :computer: </a></td>
    <td align="center"><a href="https://github.com/DhruvGarg9136"><img src="https://avatars.githubusercontent.com/u/91418396?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dhruv Garg</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/SammiKanon"><img src="https://avatars.githubusercontent.com/u/115352825?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sammi Kanon</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/Yash-Hax"><img src="https://avatars.githubusercontent.com/u/75063323?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yash Hax</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/monicacodes"><img src="https://avatars.githubusercontent.com/u/102931868?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Monica</b></sub><br> :computer: </a></td>
      <td align="center"><a href="https://github.com/Chaitanya1512"><img src="https://avatars.githubusercontent.com/u/56156988?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Chaitanya1512</b></sub><br> :computer: </a></td>
    </tr>
  </tbody>
</table>



<!--
## Thanks to all contributors ❤

 <a href = "https://github.com/AnshSinghSonkhia/Futuristic-CSS-Animations/graphs/contributors">
   <img src = "https://contrib.rocks/image?repo=AnshSinghSonkhia/Futuristic-CSS-Animations"/>
 </a>
-->

![](https://i.imgur.com/waxVImv.png)




<div align="center">

<h3> Show Some <img src="https://github.com/AnshSinghSonkhia/AnshSinghSonkhia/blob/main/icons/love.png" title="Love" alt="Love" width="20" height="20"/> by Starring Some of My Repos! </h3>

</div>
