Glassmorphism CSS Effect

A simple Glassmorphism UI demo built with pure HTML & CSS.
This project showcases a centered frosted-glass effect box placed over a fullscreen background image using backdrop-filter: blur().

---

✨ Features

• Frosted glassmorphism effect using CSS only
• Responsive centered box with smooth blur
• Lightweight and easy to integrate into any project
• Background image support
• Works well for portfolios, landing pages, or UI experiments

---

📸 Preview

Sample background used in demo

---

🚀 Usage

1. Clone the repository:

   git clone https://github.com/piyushsarkar-dev/glass-effect.git
   Open index.html in your browser.

Customize css/style.css for your own background, colors, or blur level.

🛠️ Technologies

• HTML5
• CSS3 (backdrop-filter, flexbox)
• Bootstrap (optional, included in demo)

---

📂 Project Structure

index.html css/ ├── style.css └── bootstrap.min.css js/ ├── script.js └── bootstrap.bundle.min.js

---