未経験のwebサイト制作の勉強

未経験からwebサイト制作の勉強をし、現在制作会社で働いております。

cssを使って文字で画像を切り抜く

css3の「background-clip」と「text-fill-color」を使う事で同じような表現が出来るようになります。

background-clip

background-clipプロパティは、背景の適用範囲を指定する際に使用します。テキスト部分に背景画像を適応させたい場合、

-webkit-background-clip: text;

と指定します。
※注意 
2019月9月現在、can i use 93%
<-webkit-のベンダープレフィックスが記述が必要です。>


さらに

-webkit-text-fill-color: transparent;

2019月9月現在、can i use 89%