/
dedaMazai
/
BlockNote-on-Firebase
Обзор
Документация
Войти
/
dedaMazai
/
BlockNote-on-Firebase
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Loader/Loader.scss
66 строк
1 KB
Andrey Chipizubov
fix css
15 июл 2023, 16:06
15 июл 2023, 16:06
64b4bf0
Код
Авторство
О чём код?
.lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 42px; } .lds-ellipsis div { position: absolute; width: 13px; top: 15px; height: 13px; border-radius: 50%; background: var(--inverted-bg-color); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } }