title: Hover effects using CSS3 touch events
body: <p>I am using CSS3 hover and transitions to show and hide an image. On mobile devices I would like to use the same transition for touch events. </p>
  
  <p>Basically, the first touch would perform the hover effect or rollover, and the touch up would perform the roll off. </p>
  
  <p>I would like to stay away from using JavaScript to do this. If there is a way to do it with pure CSS3 that would be the best option. </p>