Merge branch 'main' into aditya-ahirwar

Rajkumar-justcoder · web-flow · commit 5fa67e100f39 · 2022-10-24T15:07:08.000+05:30
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2313,7 +2313,7 @@ a:focus-visible {
 
 /* Aditya's button starts */
 
-.aditya-btn {
+.aditya-btn-1 {
     width: 150px;
     height: 50px;
     color: white;
@@ -2329,7 +2329,7 @@ a:focus-visible {
     transition: all 0.2s ease;
     z-index: 1;
   }
-  .aditya-btn:after {
+  .aditya-btn-1:after {
     position: absolute;
     content: "";
     width: 0;
@@ -2341,12 +2341,52 @@ a:focus-visible {
     transition: all 0.2s ease-in-out;
     z-index: -1;
   }
-   .aditya-btn:hover:after {
+   .aditya-btn-1:hover:after {
     top: auto;
     bottom: 0;
     width: 100%;
     height: 100%;
     border-radius: 40%;
     border: none;
   }
-/* Aditya's button end  */
+/* Aditya's button end  */
+
+/* Gaurav Sharma's button 1 starts*/
+
+.gauravsharmatheofficial-btn-1-svg {
+	position: absolute;
+	right: 54px;
+    top: 114px;
+	fill: none;
+	stroke: #fff;
+	stroke-dasharray: 150 480;
+	stroke-dashoffset: 150;
+	transition: 1s ease-in-out;
+}
+
+.gauravsharmatheofficial-btn-1 {
+	width: 180px;
+	height: 60px;
+	cursor: pointer;
+	background: transparent;
+	border: 1px solid #a5d3fd;
+	outline: none;
+	transition: 1s ease-in-out;
+}
+
+.gauravsharmatheofficial-btn-1:hover {
+	transition: 1s ease-in-out;
+	background: #5f9ad4;
+}
+
+.gauravsharmatheofficial-btn-1:hover .gauravsharmatheofficial-btn-1-svg {
+	stroke-dashoffset: -480;
+}
+
+.gauravsharmatheofficial-btn-1-span {
+	color: white;
+	font-size: 18px;
+	font-weight: 100;
+}
+
+/* Gaurav Sharma's button 1 end*/
diff --git a/index.html b/index.html
@@ -588,22 +588,39 @@
                 <button class="radzhiv-btn-1">Hover me</button>
                 <div class="createdby-section">
                     Created by
-                    <a href="https://github.com/radzhiv25">radzhiv</a>
+                    <a href="https://github.com/radzhiv25">radzhiv25</a>
                 </div>
             </div>
             <!-- radzhiv's btn end -->
 
+
             <!-- Aditya's btn start -->
             <div class="button-container">
-                <button class="aditya-btn">Hover Me</button>
+                <button class="aditya-btn-1">Hover Me</button>
                 <div class="createdby-section">
                     Created by
-                    <a href="https://github.com/Aditya-ahirwar">Aditya Ahirwar</a>
+                    <a href="https://github.com/Aditya-ahirwar">Aditya-ahirwar</a>
                 </div>
             </div>
             <!-- Aditya's btn end -->
 
 
+            <!-- Gaurav Sharma's btn start-->
+            <div class="button-container ">
+                <button class="gauravsharmatheofficial-btn-1">
+                    <svg class="gauravsharmatheofficial-btn-1-svg" width="180px" height="60px" viewBox="0 0 180 60">
+                    <polyline points="179,1 179,59 1,59 1,1 179,1"/>
+                    <polyline points="179,1 179,59 1,59 1,1 179,1"/>
+                  </svg>
+                  <span class="gauravsharmatheofficial-btn-1-span"> Hover Me </span></button>
+                <div class="createdby-section">
+                    Created by
+                    <a href="https://github.com/gauravsharmatheofficial">gauravsharmatheofficial</a>
+                </div>
+            </div>
+            <!-- Gaurav Sharma's btn end-->
+
+
         </div>
 
     </main>
