diff --git a/submissions/examples/ease-zoom-hover/README.md b/submissions/examples/ease-zoom-hover/README.md
new file mode 100644
index 00000000..9626edee
--- /dev/null
+++ b/submissions/examples/ease-zoom-hover/README.md
@@ -0,0 +1,17 @@
+# Zoom In / Out Hover
+
+## What does this do?
+
+Adds a zoom scaling effect when hovering over an element.
+
+## How is it used?
+
+```html
+<div class="zoom-hover">
+  Content
+</div>
+```
+
+## Why is it useful?
+
+The zoom hover effect improves visual feedback and highlights interactive elements such as cards, buttons, images, and feature sections.
\ No newline at end of file
diff --git a/submissions/examples/ease-zoom-hover/demo.html b/submissions/examples/ease-zoom-hover/demo.html
new file mode 100644
index 00000000..70b8d5e0
--- /dev/null
+++ b/submissions/examples/ease-zoom-hover/demo.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Zoom Hover Demo</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+    <h1>Zoom In / Out Hover</h1>
+
+    <p>Hover over the cards to see the zoom effect.</p>
+
+    <div class="demo-grid">
+        <div class="card zoom-hover">Card 1</div>
+        <div class="card zoom-hover">Card 2</div>
+        <div class="card zoom-hover">Card 3</div>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/submissions/examples/ease-zoom-hover/style.css b/submissions/examples/ease-zoom-hover/style.css
new file mode 100644
index 00000000..8bf88c4d
--- /dev/null
+++ b/submissions/examples/ease-zoom-hover/style.css
@@ -0,0 +1,40 @@
+.zoom-hover {
+    transition: transform 0.3s ease;
+}
+
+.zoom-hover:hover {
+    transform: scale(1.12);
+}
+
+body {
+    font-family: Arial, sans-serif;
+    background: #f8fafc;
+    padding: 40px;
+    max-width: 900px;
+    margin: auto;
+}
+
+h1,
+p {
+    text-align: center;
+}
+
+.demo-grid {
+    display: flex;
+    justify-content: center;
+    gap: 24px;
+    flex-wrap: wrap;
+    margin-top: 30px;
+}
+
+.card {
+    width: 180px;
+    height: 120px;
+    background: white;
+    border-radius: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+    font-weight: bold;
+}
\ No newline at end of file
