From 96e810639f0e25a95bae50002507e9f71f2ab87d Mon Sep 17 00:00:00 2001 From: radzhiv Date: Thu, 13 Oct 2022 07:44:28 +0530 Subject: [PATCH 1/3] Added a new button with hover effect --- buttons/buttons.css | 30 +++++++++++++++++++++++++++++- index.html | 15 +++++++++++---- 2 files changed, 40 insertions(+), 5 deletions(-) diff --git a/buttons/buttons.css b/buttons/buttons.css index 0c72c86..12e90e8 100644 --- a/buttons/buttons.css +++ b/buttons/buttons.css @@ -1744,4 +1744,32 @@ a:focus-visible { animation:slidebg 5s linear infinite; } -/* cypherrs 2nd bt end */ \ No newline at end of file +/* cypherrs 2nd bt end */ + +/* radzhiv's btn start*/ +.newbtn-btn-1{ + padding: 10px; + font-size: 20px; + font-weight: bolder; + border-radius: 5px; + background-image: linear-gradient(to right,#3494E6,#ec6ead); + color: white; +} +.newbtn-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 hue { + from { + -webkit-filter: hue-rotate(0deg); + } + to { + -webkit-filter: hue-rotate(-360deg); + } +} +/*radzhiv's btn end*/ \ No newline at end of file diff --git a/index.html b/index.html index ddab9f9..4bea558 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ CSS Buttons + @@ -431,10 +432,16 @@ - - - - + +
+ +
+ Created by + radzhiv +
+
+ + From 6ceb17aa1b24e59c00eb231e6f8e65e71ac3aa2e Mon Sep 17 00:00:00 2001 From: radzhiv Date: Thu, 13 Oct 2022 23:33:38 +0530 Subject: [PATCH 2/3] made changes accordingly --- buttons/buttons.css | 6 +++--- index.html | 3 +-- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/buttons/buttons.css b/buttons/buttons.css index 12e90e8..d384002 100644 --- a/buttons/buttons.css +++ b/buttons/buttons.css @@ -1747,7 +1747,7 @@ a:focus-visible { /* cypherrs 2nd bt end */ /* radzhiv's btn start*/ -.newbtn-btn-1{ +.radzhiv-btn-1{ padding: 10px; font-size: 20px; font-weight: bolder; @@ -1755,7 +1755,7 @@ a:focus-visible { background-image: linear-gradient(to right,#3494E6,#ec6ead); color: white; } -.newbtn-btn-1:hover{ +.radzhiv-btn-1:hover{ text-align: center; color: #f35626; background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); @@ -1764,7 +1764,7 @@ a:focus-visible { animation: hue 10s infinite linear; } -@keyframes hue { +@keyframes radzhiv25-button-hue { from { -webkit-filter: hue-rotate(0deg); } diff --git a/index.html b/index.html index 4bea558..bc6b867 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,6 @@ CSS Buttons - @@ -434,7 +433,7 @@
- +
Created by radzhiv From 3350676cb71cbbd87d837cdc6d38fdcf7ce26190 Mon Sep 17 00:00:00 2001 From: Rajkumar Khistariya <83064473+Rajkumar-justcoder@users.noreply.github.com> Date: Fri, 14 Oct 2022 19:49:06 +0530 Subject: [PATCH 3/3] Update index.html --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 8c0bf79..4f16bc8 100644 --- a/index.html +++ b/index.html @@ -260,7 +260,7 @@
- +
Created by raulwwq0 @@ -638,4 +638,4 @@ - \ No newline at end of file +