fullib-js
Version:
Full Javascript Animation Library
37 lines (34 loc) • 802 B
CSS
.orbit {
position: absolute;
border-radius: 50%;
background: transparent;
transform: rotate(0deg);
animation: orbit-anim 10s infinite linear;
}
.orbit .orbit-before{
position: relative;
width: 100%;
height: 100%;
}
.orbit .orbit-before:before {
content: "";
position: absolute;
border-radius: 50%;
width: var(--data-width);
height: var(--data-height);
background-color: var(--data-backgroundColor);
border: var(--data-border);
top: var(--data-top);
bottom: var(--data-bottom);
left: var(--data-left);
right: var(--data-right);
transform: translateY(-50%);
}
@keyframes orbit-anim {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}