diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7890ebd
--- /dev/null
+++ b/README.md
@@ -0,0 +1,37 @@
+# Glassy Blur Effect Project ✨
+
+Welcome to the Glassy Blur Effect project! This project explores creating a sleek and stylish glassy blur effect using HTML and CSS. 🌟
+
+## Project Overview 🚀
+
+The main goal of this project is to demonstrate how to achieve a glassy blur effect using simple HTML and CSS techniques. The project provides a minimalist example of how to implement this effect, making it easy for developers to integrate it into their own projects. 💻
+
+## Code Explanation 🎨
+
+In the project, the glassy blur effect is achieved using the following CSS code snippet:
+
+```css
+.glass {
+	background: linear-gradient(
+		135deg,
+		rgba(255, 255, 255, 0.1),
+		rgba(255, 255, 255, 0)
+	);
+	backdrop-filter: blur(10px);
+	-webkit-backdrop-filter: blur(10px);
+	border-radius: 20px;
+	border: 1px solid rgba(255, 255, 255, 0.18);
+	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+}
+```
+
+Explanation of the code:
+
+- `background`: Applies a linear gradient background to create a translucent effect. The gradient starts from 135 degrees and consists of two colors: `rgba(255, 255, 255, 0.1)` (slightly opaque white) and `rgba(255, 255, 255, 0)` (fully transparent white). 🌈
+- `backdrop-filter`: Applies a blur filter to the element and its contents. This creates the blurred effect that simulates glass. 🔍
+- `-webkit-backdrop-filter`: Similar to `backdrop-filter`, but specifically for WebKit browsers such as Chrome and Safari. 🖥️
+- `border-radius`: Rounds the corners of the element to give it a smoother appearance. 🎈
+- `border`: Adds a thin solid border around the element with a slight opacity to enhance the glassy effect. 🌊
+- `box-shadow`: Applies a shadow effect to the element to create depth and realism. ☁️
+
+Feel free to explore and customize the code to fit your project's needs! 🎉