Mask

マスクに使用するCSS

詳しい導入事例は導入方法を参照してください。

  • DEMO

使い方

{mask-image}に画像を指定。{linear-gradient}で線形グラデーションでのマスクも可能。

それぞれ[,]で区切ることで複数指定も可能。{mask-composite}でブレンドモードも指定できる。

  • CSS
.mask {
  mask-image: url("/__public/_assets/thumb_up.svg");
  mask-position: center;
  mask-size: contain;
}