Chrome, Opera, and Safari have already shipped CSS Shapes, and we’ve made a CSS Shapes polyfill available for browsers that don’t have the feature yet.
Now that there’s support, how about creating CSS Shapes with images? Rebecca Hauck wrote an article about how to create image shapes with Photoshop. Today, I want to show you an awesome way to create masks using the Mac Preview application.
Author: Zoltan Horvath
Date: November 10, 2014
Tutorial page: http://blogs.adobe.com/webplatform/2014/11/10/make-responsive-masks-for-css-shapes-using-mac-preview-app
Demo page: http://codepen.io/adobe/full/epLlm