I've recently updated my personal portfolio with some CSS3 and jQuery magic. I'm extremely pleased with the results and yes, it's fully responsive. But i have an issue. I've structured my portfolio items so that initially each item box has an overlay on it, when the user hovers over an item, the overlay shoots up and reveals content. This works well on a browser with a mouse.
Now, on an iPhone/iPad, visually the site looks great but obviously the user has no mouse and has no user-friendly hovering state. What is the most user-experienced conventional way to gracefully supply an alternative to "hover to reveal content".
Also, before someone says it, I am aware that the hover effects I have on my site serve no functionality but they just look nice. See here