title: css chain transition animation
body: <p>once the page is loaded, I want to "appear" three DIVs one after another.</p>
  
  <p>how can I do this?</p>
  
  <p>I know how to make a single div appear on mouseover but without any triggering, one after another using css, how can I achieve such smooth transition?</p>