CSS を使用して、以下に示す 背景から透明なテキストを切り取る 効果を作成する方法はありますか?
画像がテキストの代わりになるため、貴重な SEO をすべて失うのは残念です。
最初に影を考えましたが、何も思いつきませんでした...
この画像はウェブサイトの背景であり、絶対に配置されています<img>tag
P粉2001385102024-03-26 10:05:53
これは CSS で実現できますが、より良いアプローチは インライン SVG< /a> と SVG マスク を使用することです。このアプローチには、CSS に比べていくつかの利点があります。
<defs> タグの外側に含める必要があります。次の例は、< > タグを使用して透明テキストを保持する 1 つの方法を示しています。
リーリー リーリー
P粉3511384622024-03-26 00:19:58
CSS3 は実装できますが、すべてのブラウザがサポートしているわけではありません
背景クリップの場合: テキスト。テキストの背景を使用できますが、ページの背景と揃える必要があります