title: Applying CSS 'fadeInDown' animation on a div stops jQuery 'Scroll to Fade' working on the same div
body: <p>Does anyone know why applying CSS 'fadeInDown' animation on a div would stop jQuery 'Scroll to Fade' working on the same div?</p>
  
  <p>I'm working on an interactive infographic and want a piece of text to fade down using CSS fadeInDown but also fade out on scroll using. The jQuery fade on scroll applies fine on the div until I add the CSS 'fadeInDown'.  This is the link to the section I'm having problems with <a href="http://itssjp.co.uk/infographic/" rel="nofollow">http://itssjp.co.uk/infographic/</a></p>