SVG mask

30% OFF - 9th Anniversary discount on Entity Framework Extensions until December 15 with code: ZZZANNIVERSARY9

Introduction

The mask element allows you to "clip" with soft edges. You can compose masks from multible elements including text. Everything of a mask that is white will be completely opaque. Everything that is black will be completely transparent. Values between white and black will be semi transparent.

Remarks

Be aware that masks are a computational expensive operation. The calculation needs to be made for every pixel in the area of the mask. So keep the area of your mask as small as possible.



Got any SVG Question?