antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
29 lines (25 loc) • 526 B
CSS
.adm-spin-loading {
--color: var(--adm-color-weak);
--size: 64px;
--pi: 3.14159265;
--radius: 15;
--circumference: calc(var(--radius) * var(--pi) * 2);
width: var(--size);
height: var(--size);
}
.adm-spin-loading-svg {
width: 100%;
height: 100%;
animation: adm-spin-loading-rotate 0.8s infinite linear;
}
.adm-spin-loading-svg > .adm-spin-loading-fill {
stroke: var(--color);
}
@keyframes adm-spin-loading-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}