added silly animations for copy button

1 files changed, 28 insertions, 2 deletions

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