@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
31 lines (29 loc) • 904 B
CSS
@layer dot-svg.molecule {
[dir=ltr] .container > svg{
animation: loaderone-ltr 2s linear infinite;
}[dir=rtl] .container > svg{
animation: loaderone-rtl 2s linear infinite;
}
.outerCircle{
transform-origin: center;
}
[dir=ltr] .outerCircle{
animation: outerCircleAnimation 1.5s linear infinite;
}
[dir=rtl] .outerCircle{
animation: outerCircleAnimation 1.5s linear infinite;
}
.innerCircle{
transform-origin: center;
}
[dir=ltr] .innerCircle{
animation: innerCircleAnimation 1.2s linear infinite;
}
[dir=rtl] .innerCircle{
animation: innerCircleAnimation 1.2s linear infinite;
}
@keyframes outerCircleAnimation{to{stroke-dashoffset:-82}}
@keyframes innerCircleAnimation{to{stroke-dashoffset:-50}}
@keyframes loaderone-ltr{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
@keyframes loaderone-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-359deg)}}
}