問題タブ [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 投票する
2 に答える
5454 参照

html - ボーダーのみに CSS ブレンドモードを適用する

統合の練習として、小さなウェブサイトに取り組んできました。しかし、私はCSSの拡張知識を持っていないので、最終的にそれが可能かどうかはわかりません:

Web サイトにテキスト ボックスが境界線で囲まれたフォームがあり、Photoshop でブレンド モードを適用しました。CSS に存在するかどうか知りたくて、すぐに試してみましたが、mix-blend-mode を境界線だけに適用しようとして行き詰まりました。

とにかくそれを行う方法はありますか、それとも境界線だけに到達できるようにするセレクターはありますか?

ご回答ありがとうございます。

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

android - Mix-blend-mode: Android での SVG アニメーション中の奇妙な (一時的な) 黒い背景

私はいくつかの長方形を互いに回転させており、それらの色はCSSのミックスブレンドモードを使用して相互作用します。

すべてのブラウザーで問題ありませんが、Android の chrome では、回転中に svg の四角形の周りに黒い背景が生成されます。所定の位置に落ち着くと、黒い背景が消えます。

ペン: https://codepen.io/sashakevich/pen/YVMmZV

html:

CSS:

js

それを動作させる方法はありますか?

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

css - 不透明度とトランジションを使用したアニメーション ブレンド モード

background-color-blend-modePhotoshopのような不透明度を変更する方法を探しています。私の目標は、ブレンド モードの不透明度をアニメーション化して非表示にすることです。何か案は ?