From a7ad28a8e3ddb74c0b1c99c21a9ef8a1af48c40b Mon Sep 17 00:00:00 2001
From: Vijayan <212aj58@kgcas.com>
Date: Sat, 18 Mar 2023 08:11:03 +0530
Subject: [PATCH 1/5] button
---
public/Buttons/vijayan58/index.html | 15 +++++
public/Buttons/vijayan58/style.css | 85 +++++++++++++++++++++++++++++
2 files changed, 100 insertions(+)
create mode 100644 public/Buttons/vijayan58/index.html
create mode 100644 public/Buttons/vijayan58/style.css
diff --git a/public/Buttons/vijayan58/index.html b/public/Buttons/vijayan58/index.html
new file mode 100644
index 000000000..fa1874c38
--- /dev/null
+++ b/public/Buttons/vijayan58/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ Tanmay
+
+
+
+
+
+
+
+
diff --git a/public/Buttons/vijayan58/style.css b/public/Buttons/vijayan58/style.css
new file mode 100644
index 000000000..3e5fd997a
--- /dev/null
+++ b/public/Buttons/vijayan58/style.css
@@ -0,0 +1,85 @@
+* {
+ margin: 0;
+ padding: 0;
+ border-color: #0cf804;
+}
+
+body {
+ height: 100vh;
+ overflow: hidden;
+ display: flex;
+ align-items:end;
+ justify-content: center;
+ background-image: url(https://images.unsplash.com/photo-1483232539664-d89822fb5d3e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80);
+
+}
+
+.noselect {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent;
+
+}
+
+button {
+ width: 150px;
+ height: 50px;
+ padding: right 20px;;
+ cursor: all-scroll;
+ font-size: 20px;
+ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+ letter-spacing: 2px;
+ background: #e0dbd8;
+ border: 2px solid rgb(248, 241, 241);
+ box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
+ transition: 500ms;
+ font-style: global(body) {
+ /* this will apply to */
+ /* your styles go here */
+ };
+
+}
+
+button:after {
+ content: '';
+ position: absolute;
+ transform: translateX(-55px) translateY(-40px);
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: transparent;
+ box-shadow: 0px 0px 50px transparent;
+ transition: 500ms;
+}
+
+button:hover {
+ transform: perspective(animation);
+ box-shadow: 0dvb;
+}
+
+button:hover:after {
+ background: white;
+ box-shadow: 0px 0px 20px #1447de, 0px 0px 30px #1447de, inset 0px 0px 10px #1447de;
+ animation: spin 1s infinite linear;
+
+}
+
+@keyframes spin{
+ 25%{transform: translateX(-25px) translateY(-35px);
+ width: 15px;
+ height: 15px;}
+ 50% {transform: translateX(-55px) translateY(-30px);
+ width: 5px;
+ height: 5px;}
+ 75% {transform: translateX(-85px) translateY(-35px);
+ width: 15px;
+ height: 15px;}
+}
+
+button:focus {
+ outline: none;
+}
From 88dfcd1a63e76dbdd144e11245e04ba0acabfbb4 Mon Sep 17 00:00:00 2001
From: Vijayan <212aj58@kgcas.com>
Date: Sat, 18 Mar 2023 08:11:28 +0530
Subject: [PATCH 2/5] button
From b5e6378facc3203bd05c5e1c95860001e98c912c Mon Sep 17 00:00:00 2001
From: Vijayan <212aj58@kgcas.com>
Date: Sat, 18 Mar 2023 08:13:30 +0530
Subject: [PATCH 3/5] button
From a6a06067e9147f3873358fcaff04c5d005486bd8 Mon Sep 17 00:00:00 2001
From: Vijayan <212aj58@kgcas.com>
Date: Sat, 18 Mar 2023 09:40:39 +0530
Subject: [PATCH 4/5] button
From 831db64b433ec3e76731b7fbbf7f205195f7db88 Mon Sep 17 00:00:00 2001
From: Vijayan <212aj58@kgcas.com>
Date: Sat, 18 Mar 2023 09:49:08 +0530
Subject: [PATCH 5/5] button
---
public/Buttons/vijayan58/style.css | 5 +----
1 file changed, 1 insertion(+), 4 deletions(-)
diff --git a/public/Buttons/vijayan58/style.css b/public/Buttons/vijayan58/style.css
index 3e5fd997a..6971c835d 100644
--- a/public/Buttons/vijayan58/style.css
+++ b/public/Buttons/vijayan58/style.css
@@ -37,10 +37,7 @@ button {
border: 2px solid rgb(248, 241, 241);
box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
transition: 500ms;
- font-style: global(body) {
- /* this will apply to */
- /* your styles go here */
- };
+ font-style: global(body);
}