画像をくり抜いたテキストを作成する
画像をくり抜いたテキストを作成できます。
HTMLタグをHTMLタグ使用可の欄に貼り付け、テキストを変更してください。(※赤文字部分)
<div class="bgclip">BACKGROUND CLIP</div>
さらに下記をスタイルシート最下部に貼り付けて、画像URLを変更してください。(※赤文字部分)
.bgclip {
font-size: 80px;
background: blue url(画像URL);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
font-size: 80px;
background: blue url(画像URL);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}