.reveal-item { transition-property: opacity, transform; transition-duration: 0.6s; transition-timing-function: ease-out; opacity: 0; transform: translateY(40px); } .reveal-item[data-reveal="yes"] { opacity: 1; transform: translateY(0); } .reveal-item:nth-child(1) { transition-delay: 0s; } .reveal-item:nth-child(2) { transition-delay: 0.15s; } .reveal-item:nth-child(3) { transition-delay: 0.3s; } .reveal-item:nth-child(4) { transition-delay: 0.45s; }