From c8e3a31834812d6d44006122e2a89b29091a7519 Mon Sep 17 00:00:00 2001
From: littleblack111 <littleblack11111@gmail.com>
Date: Thu, 11 Apr 2024 22:17:58 +0800
Subject: added silly animations for copy button

---
 website/style.css | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

(limited to 'website/style.css')

diff --git a/website/style.css b/website/style.css
index 7cf1e97..bb4bf1c 100644
--- a/website/style.css
+++ b/website/style.css
@@ -73,10 +73,36 @@ textarea:focus {
     background: #1e202131;
 }
 
+@keyframes copyBtnAnimation {
+    0% {
+        transform: scale(1.1);
+    }
+    25% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scaleX(0.5);
+    }
+    75% { transform: rotate(0deg); }
+    80% { transform: rotate(.15deg); }
+    85% { transform: rotate(0eg); }
+    90% { transform: rotate(-.10deg); }
+    100% { transform: rotate(0deg); }
+}
+
+@keyframes shake {
+    0% { transform: rotate(0deg); }
+    25% { transform: rotate(.5deg); }
+    50% { transform: rotate(0eg); }
+    75% { transform: rotate(-.5deg); }
+    100% { transform: rotate(0deg); }
+}
+
 #copyBtn:disabled {
-    background: #1E2021
+    background: #1E2021;
+    animation: shake 250ms infinite;
 }
 
 #copyBtn:active {
-    transform: scale(1.1);
+    animation: copyBtnAnimation 1500ms;
 }
\ No newline at end of file
-- 
cgit v1.2.3