Merge pull request #131 from avishaan24/avi

Rajkumar-justcoder · web-flow · commit 9289e57a956b · 2022-10-24T15:20:15.000+05:30
button commit
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2311,6 +2311,50 @@ a:focus-visible {
 /*radzhiv's btn end*/
 
 
+/* avishaan24's btn start  */
+
+.avishaan24-btn-1{
+    color: white;
+    padding: 15px 70px;
+    border: 2px solid white;
+    border-radius: 15px;
+    font-size: medium;
+    margin: auto;
+    background: transparent;
+}
+.avishaan24-btn-1:hover{
+    cursor: pointer;
+    box-shadow: 0 0 1px 5px rgba(138, 59, 88, 0.4), 0 0 1px 10px rgba(138, 59, 88, 0.1), 0 0 1px 15px rgba(138, 59, 88, 0.1);
+    transform: rotate(360deg);
+}
+
+.avishaan24-btn-1::after {
+    content: '';
+    width: 30px; height: 30px;
+    border-radius: 100%;
+    border: 5px solid rgb(238, 236, 238);
+    position: absolute;
+    z-index: -1;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    animation: avishaan24-btn-1-oval 2s infinite;
+  }
+  @keyframes avishaan24-btn-1-oval {
+    0% {
+      width: 30px;
+      height: 30px;
+      opacity: 1;
+    }
+    100% {
+      width: 250px;
+      height: 150px;
+      opacity: 0;
+    }
+  }
+
+/* avishaan24's btn end  */
+
 /* Aditya's button starts */
 
 .aditya-btn-1 {
@@ -2390,3 +2434,4 @@ a:focus-visible {
 }
 
 /* Gaurav Sharma's button 1 end*/
+
diff --git a/index.html b/index.html
@@ -593,6 +593,17 @@
             </div>
             <!-- radzhiv's btn end -->
 
+            <!-- avishaan24-btn-1 start -->
+            <div class="button-container">
+                <!-- add your buttons here, eg.-->
+                <button class="avishaan24-btn-1"> Hover Me !
+                </button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/avishaan24/">avishaan24</a>
+                </div>
+            </div>
+            <!-- avishaan24-btn-1 end -->
 
             <!-- Aditya's btn start -->
             <div class="button-container">
