Utilities for controlling the repetition of an element
Use the mask-repeat utility to repeat the mask image both vertically and horizontally:
Use the mask-repeat-x utility to only repeat the mask image horizontally:
Use the mask-repeat-y utility to only repeat the mask image vertically:
Use the mask-repeat-space utility to repeat the mask image without clipping:
Use the mask-repeat-round utility to repeat the mask image without clipping, stretching if needed to avoid gaps:
Use the mask-no-repeat utility to prevent a mask image from repeating: