I want Circle Hover Effects with CSS Transitions on
I've edited your fiddle here: http://jsfiddle.net/pedwf80h/7/
Essentially I've moved the img url from the background to within the li element. Then positioned the img absolutely and used z-index to move it to the back. The li element then uses
overflow: hidden and
border-radius: 100% to hide any of the image that goes outside of our li element.
Hope this helps!