Image Mask Effect Powered by CSS Transforms

      

An immersive transition effect powered by image masks and CSS transforms developed by Codyhouse. You can take advantage of the PNG transparencies to zoom through the mask layer, into a project background image.

If you want to change the color of the .png masks, you can easily do it in Photoshop (or any other graphic tool) by applying a color overlay to the whole image layer. If you plan to create your own masks, please note that this effect works only if there’s an empty space in the very center of the mask.

This image mask effect supports only modern browsers.

image-mask-effect

Demo    Source