title: Image rollover effect
body: <p>I am all new to CSS and CSS animation and I have been curious how to achieve the image rollover effects used here: <a href="http://riot.design/portfolio/" rel="nofollow">http://riot.design/portfolio/</a></p>
  
  <p>Anyone kind enough to show me how its done?</p>
  
  <p>Thank you in advance!</p>