Masonry Stagger

Grid items fade in with staggered delays.

.stag-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.stag-grid > div { background:#1c1c1f; border-radius:8px; padding:20px; opacity:0; animation:stIn 0.4s ease forwards; }
.stag-grid > div:nth-child(1){animation-delay:0s} .stag-grid > div:nth-child(2){animation-delay:0.1s} .stag-grid > div:nth-child(3){animation-delay:0.2s} .stag-grid > div:nth-child(4){animation-delay:0.3s} .stag-grid > div:nth-child(5){animation-delay:0.4s} .stag-grid > div:nth-child(6){animation-delay:0.5s}
@keyframes stIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:translateY(0)} }