/
XPLAY
/
Sonara
Обзор
Документация
Войти
/
XPLAY
/
Sonara
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/sphere/Sphere.css
73 строки
1 KB
XPLAY
First commit
06 июл 2026, 13:21
06 июл 2026, 13:21
00a7d42
Код
Авторство
О чём код?
.sphere { position: relative; width: 40rem; height: 20rem; margin-bottom: 7rem; } .sphere-blob { position: absolute; border-radius: 50%; } .sphere-blob-1 { width: 10rem; height: 10rem; top: 4rem; left: 6rem; background: var(--purple); animation-delay: -3s; filter: blur(3rem); } .sphere-blob-2 { width: 12rem; height: 12rem; top: 2rem; left: 12rem; background: var(--pink); animation-delay: -5s; filter: blur(2rem); } .sphere-blob-3 { width: 11rem; height: 11rem; top: 5rem; left: 18rem; background: var(--orange); animation-delay: -7s; filter: blur(3rem); } .sphere-blob-4 { width: 8rem; height: 8rem; top: 8rem; left: 10rem; background: var(--purple); animation-delay: -4s; filter: blur(1rem); } .sphere-blob-5 { width: 9rem; height: 9rem; top: 7rem; left: 20rem; background: var(--pink); animation-delay: -8s; filter: blur(3rem); } .sphere-blob-6 { width: 10rem; height: 10rem; top: 5rem; left: 10rem; background: var(--orange); animation-delay: -5s; filter: blur(2rem); } .sphere-blob-7 { width: 14rem; height: 14rem; top: 4rem; left: 14rem; background: var(--purple); animation-delay: -3s; filter: blur(3rem); }