画像内の画像/パターンを囲む

Question

この効果をHTML/CSSで達成しようとしています。

私は勾配が働く知っているが、この正確なパターは、グラデーションを使用して作成することは不可能です。

誰かが解決策を持っていますか、それともinHTML/CSSを作成することができませんか？ 最後の手段として、残念ながら画像を使用します。

は

Answer 1

This blog postがそれをサポートしていないブラウザ上の優雅なフォールバックでこれを達成するためにどのよう乗り越えていただきありがとうございます。これは、Webkitをサポートするブラウザでこれを実現するためのCSSです。

h1 { 
    color: fallbackColor; 
    background: url(path/to/image.jpg) no-repeat; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}