Define a handful of CSS animations with
@keyframes , set the element’s initial state (opacity:0, scale(0), etc), set the element’s
animation CSS property to be one of the animations you just defined, set the animation’s fill-mode to
forwards , don’t always use the good old
ease timing function but instead try some cool
cubic-bezier . Orchestrate the whole thing via
animation-delay . Keep it clean and classy by avoiding wide range movements. Only animate
opacity. Always strive for 60fps.