html-css-playground

🎨 HTML & CSS Playground

Welcome to my HTML & CSS Playground!

A collection of mini-projects exploring HTML and CSS with animations, interactive UI, and creative effects. Dive in, explore the code, and try things out yourself!

---

🚀 How to View Projects Locally

1. Clone this repository: ```bash git clone https://github.com/SohamKale83/html-css-playground.git 📂 Projects

   1. Charge Project

A mini project demonstrating CSS animations and interactive UI using HTML and CSS.

👉 Click on the project name above to view the live demo.

2. Hover Project

A mini project showcasing hover effects and interactive styling with HTML and CSS.

👉 Click on “Hover Project” above to explore the project in action

3. Grid Layout

This grid layout shows a responsive card design using CSS Grid with fixed-size items that adapt to different screen widths.

👉 Click on “Grid Layout” above to explore the layout display in action.

4. Box Shadow and Drop Shadow

This project demonstrate the use of box shadow and drop shadow on an image

👉 Click on “Box Shadow and Drop Shadow” above to explore the layout display in action.

5. Button Designs

This page features a variety of unique button designs.

👉 Click on “Button Designs” above to explore the layout display in action.

6. Glassmorphism

This project display a card which looks like a glass.

👉 Click on “Glassmorphism” above to see the glass card displayed at center of webpage.