/
dbataeva
/
tasksApp
Обзор
Документация
Войти
/
dbataeva
/
tasksApp
Код
Запросы
2
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
finalProject
dogFood/src/shared/ui/Spinner/Spinner.module.css
91 строка
1 KB
Daria Bataeva
fix(finalProject): imports
14 ноя 2025, 22:51
14 ноя 2025, 22:51
108eb5c
Код
Авторство
О чём код?
.wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .loader { width: 48px; height: 48px; color: #000000; border-radius: 50%; transform: rotateZ(45deg); perspective: 1000px; } .loader::before, .loader::after { position: absolute; top: 0; left: 0; display: block; width: inherit; height: inherit; border-radius: 50%; transform: rotateX(70deg); animation: 1s spin linear infinite; content: ''; } .loader::after { color: #ff3d00; transform: rotateY(70deg); animation-delay: 0.4s; } @keyframes rotate { 0% { transform: translate(-50%, -50%) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateZ(360deg); } } @keyframes rotateccw { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes spin { 0%, 100% { box-shadow: 0.2em 0 0 0 currentcolor; } 12% { box-shadow: 0.2em 0.2em 0 0 currentcolor; } 25% { box-shadow: 0 0.2em 0 0 currentcolor; } 37% { box-shadow: -0.2em 0.2em 0 0 currentcolor; } 50% { box-shadow: -0.2em 0 0 0 currentcolor; } 62% { box-shadow: -0.2em -0.2em 0 0 currentcolor; } 75% { box-shadow: 0 -0.2em 0 0 currentcolor; } 87% { box-shadow: 0.2em -0.2em 0 0 currentcolor; } }