https://github.com/gitsdeepak/flip-card-animation

https://github.com/gitsdeepak/flip-card-animation

card-animation css flip-animation flip-card html

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/gitsdeepak/flip-card-animation
• Owner: gitsdeepak
• License: mit
• Created: 2024-07-23T17:48:54.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-07-23T17:50:44.000Z (9 months ago)
• Last Synced: 2025-01-17T13:35:10.856Z (4 months ago)
• Topics: card-animation, css, flip-animation, flip-card, html
• Language: CSS
• Homepage: https://gitsdeepak.github.io/Flip-Card-Animation/
• Size: 1.53 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Flip-Card Animation

Simple site to group all my profiles on social networks in one place.




  

  

  

    

  

  

  

  

  

    

  





  About the project   |   

  Getting started   |   

  How to contribute   |   

  License



---

## 💡 About the project

Welcome to the Flip-Card Animation project! This project features a sleek and interactive flip-card animation with on-hover quotes, built using HTML, CSS. The design is fully responsive, ensuring a seamless experience across all devices. The project demonstrates smooth CSS transitions and a clean code structure, making it easy to understand and customize. Explore the project and get inspired by the engaging animation effects!

**Features:**

- Responsive design

- Smooth CSS transitions

- On-hover quotes

- Clean and simple code

  

Check out the live demo [here](https://gitsdeepak.github.io/Flip-Card-Animation/).

## 🚀 Getting started

If you installed git you can clone the code to your machine, or download a ZIP of all the files directly.

[Download the ZIP from this location](https://github.com/gitsdeepak/Flip-Card-Animation/archive/master.zip), or run the following [git](https://git-scm.com/downloads) command to clone the files to your machine:

```bash

git clone https://github.com/gitsdeepak/Flip-Card-Animation

```

- Once the files are on your machine, open the _linktree_ folder in [Visual Studio Code](https://code.visualstudio.com/).

- With the files open in Visual Studio Code, press the **Go Live** button at the bottom of the window to launch the files with [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer).

- Change the profile image and texts in the `index.html` file.

- Change the colors and fonts in the `style.css` file.

## 🤔 How to contribute

- Fork this repository;

- Create a branch with your feature: `git checkout -b my-feature`;

- Commit your changes: `git commit -m "feat: my new feature"`;

- Push to your branch: `git push origin my-feature`.

Once your pull request has been merged, you can delete your branch.

## 📝 License

This project is under the MIT license. See the [LICENSE](LICENSE.md) file for more details.

---

Made by gitsdeepak :wave: [Get in touch](https://gitsdeepak.github.io/Flip-Card-Animation)