added a animated button

Aditya-ahirwar · Aditya-ahirwar · commit 44aa895c30b8 · 2022-10-20T00:18:30.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2308,4 +2308,45 @@ a:focus-visible {
     }
 }
 
-/*radzhiv's btn end*/
+/*radzhiv's btn end*/
+
+
+/* Aditya's button starts */
+
+.aditya-btn {
+    width: 150px;
+    height: 50px;
+    color: white;
+    position: relative;
+    display: inline-block;
+    background: rgb(0, 68, 255);
+    border: none;
+    border-radius: 4px;
+    padding: 10px 25px;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    font-weight: 20px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    z-index: 1;
+  }
+  .aditya-btn:after {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    top: 0;
+    left: 0;
+    border-radius: 5px;
+    background-image: linear-gradient(275deg, #190c8e 0%, #b53232 74%);
+    transition: all 0.2s ease-in-out;
+    z-index: -1;
+  }
+   .aditya-btn:hover:after {
+    top: auto;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    border-radius: 40%;
+    border: none;
+  }
+/* Aditya's button end  */
diff --git a/index.html b/index.html
@@ -593,6 +593,16 @@
             </div>
             <!-- radzhiv's btn end -->
 
+            <!-- Aditya's btn start -->
+            <div class="button-container">
+                <button class="aditya-btn">Hover Me</button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/Aditya-ahirwar">Aditya Ahirwar</a>
+                </div>
+            </div>
+            <!-- Aditya's btn end -->
+
 
         </div>
 
