Mask Image

Published: April 21, 2022By brooklynwriters
  • Mask Image
  • Mask Position
  • Mask Repeat
  • Mask Size
  • Mask Origin
  • Mask Clip
  • Clip Path
  • Shape Outside
  • Shape Margin
  • Shape Image Threshold

The mask-image property allows you to cut shapes out of an element and/or apply fades. Microthemer provides some stock SVG masks that you can select from the dropdown menu.

Value Description
noneNo mask is applied. This is the defualt.
[mask source]E.g. url(my-mask.svg) or a CSS image such as a linear-gradient
[image]E.g. image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1.0), transparent).

Themeover CSS Reference

Close