DNA Loader - Preview | DevPlatform

DNA Loader

jitesh208

Jan 21, 2026 4

Live Preview

Live Editor

<div class="dna">
  <span></span><span></span><span></span><span></span>
</div>
body{
  background:#000
}

.dna span{
  display:block;
  width:10px;height:10px;
  background:#12b76a;
  border-radius:50%;
  margin:6px auto;
  animation:dna 1.2s infinite alternate;
}
.dna span:nth-child(even){animation-delay:.2s}
@keyframes dna{
  to{transform:translateX(24px)}
}

Comments 0

Want to comment?

Please login or sign up to post comments.

No comments yet

Be the first to comment on this component!