title: CSS: How to create this kind of Fade In Down animation
body: <p>How to create this kind of css animation where element fades in from the bottom but appears like clipped with overflow:</p>
  
  <p><a href="http://fr.creasenso.com/" rel="nofollow noreferrer">http://fr.creasenso.com/</a> (see the breadcrumb text)</p>
  
  <p>I've tried all the basics but not going anywhere with translateY. Do I need to go to libraries or is it achievable with css only?</p>