summaryrefslogtreecommitdiff
path: root/src/components/shared/Fab.module.css
diff options
context:
space:
mode:
authorHaishan <[email protected]>2020-12-06 20:12:16 +0800
committerHaishan <[email protected]>2020-12-06 21:09:18 +0800
commitb0b0edab16c99ce9cef0bbb4cd10e05a3cb3ffd7 (patch)
treef7b487afda73e507f7130b8057782d406ef71665 /src/components/shared/Fab.module.css
parentd2b01d80fb8dae8e3400bb09038d3afbcbd55495 (diff)
build: upgrade deps
Diffstat (limited to 'src/components/shared/Fab.module.css')
-rw-r--r--src/components/shared/Fab.module.css33
1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/shared/Fab.module.css b/src/components/shared/Fab.module.css
new file mode 100644
index 0000000..61aaecb
--- /dev/null
+++ b/src/components/shared/Fab.module.css
@@ -0,0 +1,33 @@
+.spining {
+ position: relative;
+ border-radius: 50%;
+ background: linear-gradient(60deg, #e66465, #9198e5);
+
+ width: 48px;
+ height: 48px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.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);
+ }
+}