• Themes
  • Plugins
  • Blog
  • Help Center
image mask effect featured new
Tutorials CSS

Image Mask Effect Powered by CSS Transforms

by Yayang Apryana
February 27, 2017

Image Mask Effect

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
View Source

Tags :

Code CSS

Categories

  • Code
  • Collections
  • CSS
  • Design
  • Fonts
  • Freebies
  • HTML
  • Icons
  • Java Script
  • JQuery Plugins
  • Miscellaneous
  • Mockups
  • News
  • PSD
  • Sketch
  • Template
  • Tools
  • Tutorials
  • Ui Kits
  • Uncategorized
  • Website Templates
2020 © Themesawesome