mask-image
the mask-image css property sets the image that is used as mask layer for an element. by default this means the alpha channel of the mask image will be multiplied with the alpha channel of the element. this can be controlled with the mask-mode property.
horizontal scrollable content
try scrolling horizontally.
lorem ipsum dolor sit amet, consectetur adipiscing elit. integer vitae leo in orci dapibus tristique.
vertically scrollable content
try scrolling vertically.
lorem ipsum dolor sit amet, consectetur adipiscing elit. integer vitae leo in orci dapibus tristique. mauris elementum iaculis erat eget vehicula. in imperdiet enim quis nulla laoreet pretium. in blandit lobortis ipsum sed pellentesque. suspendisse potenti. nullam sollicitudin posuere nisi, vel dignissim orci pulvinar vel. nulla eu lacus tortor. cras vel lobortis orci, vitae accumsan turpis. praesent venenatis eros risus, at tempus urna tristique ac. duis fermentum neque ante, eu venenatis diam scelerisque in. quisque sed cursus elit. nunc id sem blandit, luctus diam quis, condimentum tellus.
browser support
| chrome | firefox | safari | |
|---|---|---|---|
| mask-image | 120 | 53 | 15.4 |
| overscroll-behavior | 63 | 59 | 16 |