問題タブ [mix-blend-mode]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3810 参照

css - mix-blend-mode が Chrome で機能しない

Chrome の mix-blend-mode に問題があります。正しく動作しません。一方、firefox と safari では問題なく動作しています。切り抜きテキスト効果を実現したい。助けてくれてありがとう!

これがcodepenの作業コードです

0 投票する
1 に答える
4669 参照

css - mix-blend-mode: 固定要素と背景画像で差異が機能しない

下の画像のように、2 つの重なり合う要素をブレンド効果で実装しようとしていますが、mix-blend-modeプロパティが機能していないようで、その理由がわかりません。

これは私が持っているHTML構造です:

そして、これは私が使用しているCSSです:

これが私が達成しようとしているものです

ここに画像の説明を入力

そして、これは私が上記のコードで得たものです:

ここに画像の説明を入力

ここで実際のライブ シナリオを見ることができます: http://bloomint.montenegrostudio.com/work

0 投票する
1 に答える
7500 参照

html - ブレンド モードをドロップ シャドウのみに適用する

要素のドロップ シャドウだけを、それが重なっている要素の色とブレンドすることは可能ですか?

例: 1 つの要素が他の要素と重なっています。上部の要素には、ライト グレーのドロップ シャドウがあります。下の要素は黒です。どちらの要素自体にもブレンドを適用したくありませんが、重なっている要素のドロップシャドウを下の要素の色とブレンドして、重なっている要素に影が当たる場所に暗い灰色を作成します。

ドロップ シャドウを含む要素全体に効果を適用したい場合は、mix-blend-mode:multiply を使用して実現できます。効果的に mix-blend-mode をドロップ シャドウのみで使用したいのですが、これは可能ですか?