Page 114 - CSS
P. 114
HTML
<div></div>
In the above example, three linear-gradient images (which when placed in their appropriate
positions would cover 100% x 100% of the container's size) are used as masks to produce a
transparent triangular shaped cut at the bottom of the image.
Image without the mask:
Image with the mask:
Read Clipping and Masking online: https://riptutorial.com/css/topic/3721/clipping-and-masking
https://riptutorial.com/ 92
