https://github.com/coderooz/dot-bounce-animation

This project demonstrates a simple page loading animation using CSS only. It includes a centered block with a loading animation and a title.
https://github.com/coderooz/dot-bounce-animation

Last synced: 8 months ago
JSON representation

This project demonstrates a simple page loading animation using CSS only. It includes a centered block with a loading animation and a title.

• Host: GitHub
• URL: https://github.com/coderooz/dot-bounce-animation
• Owner: coderooz
• License: mit
• Created: 2024-07-16T08:42:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-16T08:43:10.000Z (over 1 year ago)
• Last Synced: 2025-02-04T14:36:20.399Z (about 1 year ago)
• Language: CSS
• Homepage: https://dot-bounce-animation.vercel.app
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Dot Bounce Loading Animation

![Dot Bounce Loading Animation](./image.png)

This project demonstrates a simple page loading animation using CSS only. It includes a centered block with a loading animation and a title.

## Features

- **Title:** Displayed at the top of the page.

- **Loading Animation:** A loading animation in the center of the page.

- **Responsive Design:** Centered content adjusts based on screen size.

## How to Use

1. Clone the repository: `https://github.com/coderooz/Dot-Bounce-Animation`

2. Open `index.html` in a web browser.

### Project Structure

```

project-folder/

│

├── index.html

├── style.css

└── README.md

```

## Credits

- CSS Loading animation inspired by various online examples.

- Designed and implemented by Coderooz [Ranit Saha].

## License

This project is licensed under the MIT License - see the LICENSE file for details.