button (#149)

amthub · web-flow · commit 8abcb61f4345 · 2023-02-04T20:27:10.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2640,6 +2640,22 @@ a:focus-visible {
     animation-timing-function: steps(2, end);
   }
   
+  /* Amit's button */
+  .Amit-btn-1{
+    color: red;
+    padding: 20px 40px;
+    border-radius: 10px;
+    box-shadow: 2px 3px 5px red,2px 3px 5px blue;
+    font-size: 20px;
+    
+  }
+  .Amit-btn-1:hover{
+           text-shadow: 2px 3px 5px green;
+           font-weight: bold;
+           box-shadow: 2px 3px 5px rgb(8, 159, 234),2px 3px 5px rgb(103, 34, 46),2px 3px 5px rgb(38, 99, 38);
+           border:4px solid  purple;
+           
+  }
   @keyframes arnav-btn-2-glitch {
     0% {
       clip-path: var(--slice-1);
diff --git a/index.html b/index.html
@@ -698,6 +698,16 @@
             </div>
             <!-- radzhiv's  btn-->
 
+            <!-- Amit's button -->
+            <div class="button-container">
+                <button class="Amit-btn-1">Hover me</button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/amthub">amthub</a>
+                </div>
+            </div>
+            <!-- Amit's  btn-->
+
 
 
         </div>
