Merge pull request Design-and-Code#109 from radzhiv25/newbtn

Rajkumar-justcoder · web-flow · commit e03831a1df3d · 2022-10-14T19:49:41.000+05:30
Newbtn
diff --git a/buttons/buttons.css b/buttons/buttons.css
@@ -2249,3 +2249,32 @@ a:focus-visible {
 }
 /* Deepesh Sharma's button 1 ends*/
 
+
+/* radzhiv's btn start*/
+.radzhiv-btn-1{
+	padding: 10px;
+	font-size: 20px;
+	font-weight: bolder;
+	border-radius: 5px;
+	background-image: linear-gradient(to right,#3494E6,#ec6ead);
+	color: white;
+}
+.radzhiv-btn-1:hover{
+	text-align: center;
+	color: #f35626;
+	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
+	-webkit-background-clip: text;
+	-webkit-text-fill-color: transparent;
+	animation: hue 10s infinite linear;
+}
+
+@keyframes radzhiv25-button-hue {
+  from {
+    -webkit-filter: hue-rotate(0deg);
+  }
+  to {
+    -webkit-filter: hue-rotate(-360deg);
+  }
+}
+/*radzhiv's btn end*/
+
diff --git a/index.html b/index.html
@@ -260,7 +260,7 @@
 
             <!-- raulwwq0 btn start -->
             <div class="button-container">
-                <button class="raulwwq0-button-1-1"><span>Hover me</span></button>
+                <button class="raulwwq0-button-1"><span>Hover me</span></button>
                 <div class="createdby-section">
                     Created by
                     <a href="https://github.com/raulwwq0">raulwwq0</a>
@@ -439,7 +439,6 @@
             </div>
             <!-- cyphers 2nd button end -->
 
-
             <!-- kkartik07's button start -->
             <div class="button-container">
                 <button class="kkartik07-btn-1"> Hover me </button>
@@ -575,6 +574,17 @@
             </div>
             <!-- Deepesh Sharma btn end-->
 
+                                  <!-- radzhiv's btn start -->
+                    <div class="button-container">
+                      <button class="radzhiv-btn-1">Hover me</button>
+                        <div class="createdby-section">
+                             Created by
+                                  <a href="https://github.com/radzhiv25">radzhiv</a>
+                        </div>
+                    </div>
+                          <!-- radzhiv's btn end -->
+        
+
         </div>
 
     </main>
@@ -628,4 +638,4 @@
 
 </body>
 
-</html>
+</html>
