summaryrefslogtreecommitdiff
path: root/src/components/Proxies.module.css
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-05-24 19:26:59 +0800
committerHaishan <[email protected]>2020-05-25 23:38:48 +0800
commit38eb417688457ec53ffc7f97eecce546919f00fe (patch)
tree5ea6fc1f7648e1937879e424141065c02843f8a3 /src/components/Proxies.module.css
parentd729818d112040df538a2c57b850a030c36e0b5b (diff)
add: add loading status to test latency button
Diffstat (limited to 'src/components/Proxies.module.css')
-rw-r--r--src/components/Proxies.module.css27
1 files changed, 27 insertions, 0 deletions
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);
+ }
+}