2

私はそれがSVGで行われているのを見てきました。テキストの塗りつぶしは色ではなく画像です。そして私はCSS3を使ってそのようなことが可能かどうか疑問に思っていました。

私はWebを見回しましたが、これまでのところ、基本的にテキスト上に画像をオーバーレイする回避策しか見つかりませんでした（これを参照してください。これは私にとって実行可能なオプションではありません）。実際にテキストの背景画像を作成する以外に、背景のグラデーションを作成することはできますか？

4

2 に答える 2

5

CSS3はbackground-clipプロパティを追加します。実際にはを使用してこれを行うことができます-webkit-background-clip: textが、text値は独自のものであり、現在Webkitベースのブラウザー（SafariおよびChrome）でのみ実装されています。

h1 {
  font-size: 3em;
  background: url('someimage.png');
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

使用するいくつかの記事-webkit-background-clip: text;：

于 2012-04-11T09:05:28.840 に答える
2

あなたの言っていることが理解できれば、違います。CSS3の不思議な驚異があっても、テキストを単色に設定することしかできません。

于 2012-04-11T05:10:00.887 に答える