ホーム
画像をテキストの形で切り抜く

画像をテキストの形で切り抜く

プレビュー

別タブで表示する

コードの紹介

html

<span class="imageBackgroundText">1st code</span>

CSS

.imageBackgroundText {
  font-size: clamp(48px, 5vw, 100px);
  font-weight: bold;
  background: url("https://picsum.photos/id/158/400/300") no-repeat;
  background-size: cover;
  -webkit-background-clip: text;
  color: transparent;
}