Font Awesome Image Overlay

Question

I\'m currently creating a image gallery (using Zurb Foundation as Framework) and would like to show the zoom icon on image hover (like this example here: http://codepen.io/Twiki

Answer 1

I've put a quick JSfiddle together using font-awesome. The CSS is hacked together but demonstrates what's possible. It should give you a starting point to experiment with.

Note: The JSfiddle above uses font-awesome.css called externally from bootstrapcdn.com