h1 { opacity: 0; transform: translateX(-50px); transition: opacity 1s ease-out, transform 1s ease-out; } h1.in-view { opacity: 1; transform: translateX(0); } h2, h3 { opacity: 0; transform: translateY(30px); transition: opacity 0.9s ease-out, transform 0.9s ease-out; animation-delay: 0.2s; } h2.in-view, h3.in-view { opacity: 1; transform: translateY(0); }