본문으로 건너뛰기

Css masking is not supported due to lack of major browser support.

https://developer.mozilla.org/en-US/docs/Web/CSS/mask

  • mask-clip
  • mask-composite
  • mask-image
  • mask-mode
  • mask-origin
  • mask-position
  • mask-repeat
  • mask-size

Supported browsers

  • Chrome
  • Edge
  • Firefox
  • Opera
  • Safari

Design masking to css alternative.

Using Stack, overflow: hidden

Interpreting masking group as a Stack, we use overflow: hidden as alternative to using css mask-clip + @

Using css clip-path

Goto - css-clip-path docs