Check Circle Animation

A simple, yet elegant, SVG-based check circle animation built with HTML and CSS.

Features

• Pure HTML and CSS implementation.
• Scalable SVG graphics for crisp visuals on any display.
• Smooth and customizable animation sequences.
• Easy integration into any web project.

Getting Started

To use the Check Circle Animation in your project, simply clone this repository and incorporate the HTML and CSS into your files.

Prerequisites

No prerequisites are needed for this project, as it only uses HTML and CSS.

Installation

1. Clone the repository:

git clone https://github.com/yourusername/check-circle-animation.git

2. Include the style.css in your project's HTML file:

<link rel="stylesheet" href="path/to/style.css" />

3. Copy the SVG code from the index.html or directly include the HTML file in your project.

Usage

The Check Circle Animation is ready to use out of the box. You can customize the animation by adjusting the CSS properties according to your needs.

Customization

• Animation Duration: Modify the duration in the CSS keyframes to make the animation faster or slower.
• Colors: Change the color in the CSS to change the color of the check mark and circle.
• Size: Adjust the width and height attributes in the SVG for scaling the animation.

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/AmazingFeature)
3. Commit your Changes (git commit -m 'feat: Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

HUORT Louis - louis@huort.com