From 38eb417688457ec53ffc7f97eecce546919f00fe Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 24 May 2020 19:26:59 +0800
Subject: add: add loading status to test latency button

---
 src/components/Proxies.module.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'src/components/Proxies.module.css')

diff --git a/src/components/Proxies.module.css b/src/components/Proxies.module.css
index 2a72f51..2c702e7 100644
--- a/src/components/Proxies.module.css
+++ b/src/components/Proxies.module.css
@@ -14,3 +14,30 @@
     padding: 10px 40px;
   }
 }
+
+.spining {
+  position: relative;
+  border-radius: 50%;
+  background: linear-gradient(60deg, #e66465, #9198e5);
+}
+.spining:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: 2px solid transparent;
+  border-top-color: currentColor;
+  border-radius: 50%;
+  animation: spining_keyframes 1s linear infinite;
+}
+
+@keyframes spining_keyframes {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
-- 
cgit v1.3.1