Skip to content

πŸš€ A collection of unique and trendy animated CSS buttons to enhance user experience and add visual appeal to your web projects. Each button showcases a different animation effect.

Notifications You must be signed in to change notification settings

Yashi-Singh-1/Day-10-Animated-CSS-Button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Day 10: Animated CSS Buttons

Welcome to Day 10 of our CSS animation challenge! This repository contains a collection of unique and trendy animated CSS buttons. Each button showcases a different animation effect to enhance the user experience and add visual interest to your web projects.

Demo

You can view a live demo of the buttons here.

Preview Image

Preview Image

Buttons Included

  • Wave Button
  • Glow Button
  • Pulse Button
  • Flip Button
  • Ripple Button
  • Rotate Button

Project Structure

Day-10-Animated-CSS-Button/
β”œβ”€β”€ index.html
β”œβ”€β”€ styles.css
└── README.md

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You will need a modern web browser and a text editor.

Installation

  1. Clone the repository:
    git clone https://github.com/Yashi-Singh-1/Day-10-Animated-CSS-Button.git
  2. Navigate to the project directory:
    cd Day-10-Animated-CSS-Button
  3. Open index.html in your web browser to see the animated buttons in action.

Usage

Each button is styled using CSS animations and transitions. You can integrate these buttons into your own projects by copying the relevant HTML and CSS code.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/YourFeature)
  3. Commit your Changes (git commit -m 'Add some YourFeature')
  4. Push to the Branch (git push origin feature/YourFeature)
  5. Open a Pull Request

Contact

Yashi Singh - www.linkedin.com/in/yashi-singh-b4143a246


Thanks for checking out this project! Enjoy the animations and happy coding!

About

πŸš€ A collection of unique and trendy animated CSS buttons to enhance user experience and add visual appeal to your web projects. Each button showcases a different animation effect.

Topics

Resources

Stars

Watchers

Forks