Grid Loader

보통

3x3 그리드 로더

#animation#css-only

라이브 데모

코드

loaders.css
@keyframes grid {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
.grid-cell:nth-child(n) { animation-delay: calc(n * 0.1s); }