diff options
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); + } +} |
