Getting rid of the feather with -webkit-filter

Trying to get away from Photoshop as much as possible I'm totally obsessed with -webkit-filter for quick & dirty prototyping.

Only problem is it gives you pretty gross feathers around the corner of your images.

Easy fix - absolutely position your image within a container, set negative margins on each side to at least what your blur is.

Bosh.

http://codepen.io/JonathanGold/pen/rqJvy