From b4d9f402ea9986ab96136b061850008cd71cbd40 Mon Sep 17 00:00:00 2001 From: Nasny Nazeer Date: Fri, 30 Oct 2020 15:13:58 +0530 Subject: [PATCH 1/2] Added my new button --- css/buttons.css | 83 ++++++++++++++++++++++++++++++++++++++++++++- css/cardcolor.css | 3 ++ index.html | 15 ++++++++ pages/buttons.html | 36 +++++++++++++++++++- pages/websites.html | 55 ++++++++++++++++++++++++++++++ 5 files changed, 190 insertions(+), 2 deletions(-) create mode 100644 pages/websites.html diff --git a/css/buttons.css b/css/buttons.css index 1ad3324..51e2d28 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -164,4 +164,85 @@ } #irwanphan-btn:hover::before { color: #13d522; -} \ No newline at end of file +} +/* Nasny Nazeer */ + +#nasny-btn { + width: 150px; + height: 50px; + border-radius: 180px; + position: relative; + background: linear-gradient( + 60deg, + #f79533, + #f37055, + #ef4e7b, + #a166ab, + #5073b8, + #1098ad, + #07b39b, + #6fba82 + ); + cursor: pointer; + line-height: 12px; +} + +#nasny-btn:before { + content: ""; + z-index: 1; + position: absolute; + display: block; + width: 80%; + height: 70%; + top: 15%; + left: 10%; + transition: 0.3s opacity ease-in-out; + filter: blur(15px); + opacity: 0; + background: linear-gradient( + 60deg, + #f79533, + #f37055, + #ef4e7b, + #a166ab, + #5073b8, + #1098ad, + #07b39b, + #6fba82 + ); +} + +#nasny-btn:hover:before { + opacity: 1; + transition: 0.3s opacity ease-in-out; + filter: blur(25px); + background: linear-gradient( + 60deg, + #f79533, + #f37055, + #ef4e7b, + #a166ab, + #5073b8, + #1098ad, + #0ff5d6, + #6fba82 + ); +} + +#nasny-btn:after { + content: "My button"; + text-align: center; + line-height: 40px; + font-size: 18px; + color: rgba(235, 235, 235, 1); + font-weight: bold; + z-index: 5; + position: absolute; + display: block; + border-radius: 180px; + width: 92%; + height: 80%; + top: 10%; + left: 4%; + background-color: rgb(19, 20, 22); +} diff --git a/css/cardcolor.css b/css/cardcolor.css index d0132ac..627a01b 100644 --- a/css/cardcolor.css +++ b/css/cardcolor.css @@ -33,6 +33,9 @@ -moz-animation: sway 30s ease infinite; animation: sway 30s ease infinite; } +.nasny { + background-color: #0ff5d6; + } @-webkit-keyframes sway { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} diff --git a/index.html b/index.html index 758886a..e2b0376 100644 --- a/index.html +++ b/index.html @@ -222,6 +222,21 @@

😀

+
+
+ +
+
+ websites +
+
+

😎

+
+
+ +
+
+ diff --git a/pages/buttons.html b/pages/buttons.html index bd0b682..cc99b49 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -204,7 +204,7 @@

- +
@@ -273,7 +273,41 @@

+ +
+
+
+
+
+ Button +
+
+
+
+
+
+
+
+
+
+ +
+ Creator +
+
+
+

+ Name: + Nasny Nazeer + +

+
+
+
+
+
+