From 22af9b256fdfee9920d0527fb1a4112ea50f4f4d Mon Sep 17 00:00:00 2001
From: geetanunakani <geetanunakani@gmail.com>
Date: Sun, 17 May 2026 11:03:09 +0530
Subject: [PATCH] feat: add animated heart shape by geetanunakani

---
 modules/shapes/shapes_geetanunakani2.html | 54 +++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 modules/shapes/shapes_geetanunakani2.html
diff --git a/modules/shapes/shapes_geetanunakani2.html b/modules/shapes/shapes_geetanunakani2.html
new file mode 100644
index 00000000..bf4d5f58
--- /dev/null
+++ b/modules/shapes/shapes_geetanunakani2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Animated Heart</title>
+  <style>
+    body {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      background: #1a1a2e;
+      margin: 0;
+    }
+
+    .heart {
+      width: 100px;
+      height: 100px;
+      background: red;
+      position: relative;
+      transform: rotate(-45deg);
+      animation: heartbeat 1s infinite;
+    }
+
+    .heart::before,
+    .heart::after {
+      content: '';
+      width: 100px;
+      height: 100px;
+      background: red;
+      border-radius: 50%;
+      position: absolute;
+    }
+
+    .heart::before {
+      top: -50px;
+      left: 0;
+    }
+
+    .heart::after {
+      top: 0;
+      left: 50px;
+    }
+
+    @keyframes heartbeat {
+      0%, 100% { transform: rotate(-45deg) scale(1); }
+      50% { transform: rotate(-45deg) scale(1.2); }
+    }
+  </style>
+</head>
+<body>
+  <div class="heart"></div>
+</body>
+</html>
