From e26e771feda66eb75e6b610e87cbfa6bb2fac22a Mon Sep 17 00:00:00 2001
From: irwanphan
Date: Sun, 25 Oct 2020 17:00:07 +0700
Subject: [PATCH 1/2] try gaming style button
---
css/buttons.css | 34 ++++++++++++++++++++++++++++++++++
css/cardcolor.css | 25 +++++++++++++++++++++++++
pages/buttons.html | 34 ++++++++++++++++++++++++++++++++++
3 files changed, 93 insertions(+)
diff --git a/css/buttons.css b/css/buttons.css
index 505f4ae..1ad3324 100644
--- a/css/buttons.css
+++ b/css/buttons.css
@@ -130,4 +130,38 @@
/* Saksham Mahajan */
.Saksham {
background-color: #f69696;
+}
+
+/* irwanphan */
+#irwanphan-btn {
+ width: 150px;
+ height: 54px;
+ cursor: pointer;
+ line-height: 12px;
+ position: relative;
+ border-radius: 16px;
+ transition: .3s ease all;
+ background-color: #000f0b;
+ border: 2px solid #000f0b;
+}
+#irwanphan-btn::before {
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ display: block;
+ font-weight: 600;
+ line-height: 54px;
+ color: aliceblue;
+ text-align: center;
+ position: absolute;
+ transition: .3s ease all;
+ content: "it's a button :)";
+}
+#irwanphan-btn:hover {
+ border: 2px solid #13d522;
+}
+#irwanphan-btn:hover::before {
+ color: #13d522;
}
\ No newline at end of file
diff --git a/css/cardcolor.css b/css/cardcolor.css
index 3e0f393..d0132ac 100644
--- a/css/cardcolor.css
+++ b/css/cardcolor.css
@@ -25,3 +25,28 @@
.roncy {
background-color: #a287f4;
}
+
+.irwanphan {
+ background: linear-gradient(270deg, #13d522, #000f0b);
+ background-size: 400% 400%;
+ -webkit-animation: sway 30s ease infinite;
+ -moz-animation: sway 30s ease infinite;
+ animation: sway 30s ease infinite;
+}
+@-webkit-keyframes sway {
+ 0% {background-position: 0% 50%;}
+ 50% {background-position: 100% 50%;}
+ 100% {background-position: 0% 50%;}
+}
+@-moz-keyframes sway {
+ 0% {background-position: 0% 50%;}
+ 50% {background-position: 100% 50%;}
+ 100% {background-position: 0% 50%;}
+}
+@keyframes sway {
+ 0% {background-position: 0% 50%;}
+ 50% {background-position: 100% 50%;}
+ 100% {background-position: 0% 50%;}
+}
+
+
diff --git a/pages/buttons.html b/pages/buttons.html
index 4dff956..bd0b682 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -239,6 +239,40 @@
+
+