問題タブ [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.
css - mix-blend-mode が Chrome で機能しない
Chrome の mix-blend-mode に問題があります。正しく動作しません。一方、firefox と safari では問題なく動作しています。切り抜きテキスト効果を実現したい。助けてくれてありがとう!
これがcodepenの作業コードです
css - mix-blend-mode: 固定要素と背景画像で差異が機能しない
下の画像のように、2 つの重なり合う要素をブレンド効果で実装しようとしていますが、mix-blend-mode
プロパティが機能していないようで、その理由がわかりません。
これは私が持っているHTML構造です:
そして、これは私が使用しているCSSです:
これが私が達成しようとしているものです
そして、これは私が上記のコードで得たものです:
ここで実際のライブ シナリオを見ることができます: http://bloomint.montenegrostudio.com/work
html - ブレンド モードをドロップ シャドウのみに適用する
要素のドロップ シャドウだけを、それが重なっている要素の色とブレンドすることは可能ですか?
例: 1 つの要素が他の要素と重なっています。上部の要素には、ライト グレーのドロップ シャドウがあります。下の要素は黒です。どちらの要素自体にもブレンドを適用したくありませんが、重なっている要素のドロップシャドウを下の要素の色とブレンドして、重なっている要素に影が当たる場所に暗い灰色を作成します。
ドロップ シャドウを含む要素全体に効果を適用したい場合は、mix-blend-mode:multiply を使用して実現できます。効果的に mix-blend-mode をドロップ シャドウのみで使用したいのですが、これは可能ですか?