james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-09-13 09:55:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

icon animation

Browse Source
This commit is contained in:
Nazar Kanaev
2020-09-01 20:41:02 +01:00
parent faa41e482a
commit 6dcb75c450
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/stylesheets/app.css
View File

@@ -201,14 +201,14 @@ select.form-control:not([multiple]):not([size]) {
transform: rotate(90deg);
}
@keyframes loading {
0% {
transform: rotate(0)
}
@keyframes stroke {
from { stroke-dashoffset: 120; }
to { stroke-dashoffset: 0; }
}
100% {
transform: rotate(360deg)
}
@keyframes rotate {
from { transform: rotate(0); }
to { transform: rotate(360deg); }
}
.loading {
@@ -219,7 +219,7 @@ select.form-control:not([multiple]):not([size]) {
}
.loading::after {
animation: loading .5s infinite linear;
animation: rotate .5s infinite linear;
border: .1rem solid #6c757d;
border-radius: 50%;
border-right-color: transparent;
@@ -236,6 +236,11 @@ select.form-control:not([multiple]):not([size]) {
z-index: 1;
}
.icon-loading > svg {
animation: stroke 2s infinite normal;
stroke-dasharray: 60;
}
.btn-default {
border: 1px solid #ced4da;
border-radius: .25rem;