diff options
| author | Haishan <[email protected]> | 2020-12-06 20:12:16 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-12-06 21:09:18 +0800 |
| commit | b0b0edab16c99ce9cef0bbb4cd10e05a3cb3ffd7 (patch) | |
| tree | f7b487afda73e507f7130b8057782d406ef71665 /src/components/shared/Fab.module.css | |
| parent | d2b01d80fb8dae8e3400bb09038d3afbcbd55495 (diff) | |
build: upgrade deps
Diffstat (limited to 'src/components/shared/Fab.module.css')
| -rw-r--r-- | src/components/shared/Fab.module.css | 33 |
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); + } +} |
