画像による CSS Masking - Qiita

#mask { /* マスク画像指定 */ mask-image: url('マスク画像URL'); -webkit-mask-image: url('マスク画像URL'); /* マスクの繰り返し指定 */ -webkit-mask-repeat:no-repeat; mask-repeat: no-repeat; /* マスクをかける場所指定 */ -webkit-mask-position:center center; mask-position: center center }

[pankichi]

画像をマスク。