CSSでテキストのクリッピングマスクを作成したいのですが、その前提としてbackground-image
の配置ができません…
h1
セレクタのそもそも`background-image'を間違いなのでしょうか?
どなたか詳しい方教えていただけませんでしょうか?
html
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <title>Text Clipping Mask</title> 6 <link rel="stylesheet" href="css/styles.css"> 7</head> 8<body> 9 <div class="wrapper"> 10 <h1>Yuta Okuma</h1> 11 </div> 12</body> 13</html> 14
css
1body { 2 margin: 0; 3 padding: 0; 4} 5 6h1 { 7 font-family: arial; 8 font-weight: bold; 9 font-size: 12em; 10 text-align: center; 11 margin: 250px auto; 12 text-transform: uppercase; 13 background-image: url('flower.jpg'); 14 background-size: cover; 15 background-attachment: fixed; 16 -webkit-background-clip: text; 17 -webkit-text-fill-color: transparent; 18} 19
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/11 08:51
2018/11/11 09:08
2018/11/11 09:12
2018/11/11 09:19
2018/11/11 09:20