タグ付けされた質問 「css-filters」

17
CSSフィルターを背景画像に適用する方法
検索ページの背景画像として使用しているJPEGファイルがあり、Backbone.jsコンテキスト内で作業しているため、CSSを使用して設定しています。 background-image: url("whatever.jpg"); CSS 3のぼかしフィルターを背景にのみ適用したいのですが、その1つの要素だけにスタイルを設定する方法がわかりません。私が試した場合: -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); background-imageCSSのすぐ下で、背景だけでなくページ全体のスタイルを設定します。画像だけを選択してそれにフィルターを適用する方法はありますか?または、ページの他のすべての要素のぼかしをオフにする方法はありますか?

7
CSSフィルターのみを使用して黒を特定の色に変換する方法
私の質問は:ターゲットRGBカラーが与えられた場合、CSSフィルター#000のみを使用して黒()をそのカラーに再調整する式は何ですかですか? 回答を受け入れるには、ターゲットの色を引数として受け入れ、対応するCSS filter文字列を返す関数を(任意の言語で)提供する必要があります。 このコンテキストは、内のSVGの色を変更する必要があることbackground-imageです。この場合、KaTeXで特定のTeX数学機能をサポートすることです:https : //github.com/Khan/KaTeX/issues/587。 例 ターゲットの色が#ffff00(黄色)の場合、正しい解決策は次のとおりです。 filter: invert(100%) sepia() saturate(10000%) hue-rotate(0deg) (デモ) 非目標 アニメーション。 非CSSフィルターソリューション。 黒以外の色から始めます。 黒以外の色に何が起こるかを気にします。 これまでの結果 固定フィルターリストのパラメーターの総当たり検索:https ://stackoverflow.com/a/43959856/181228短所:非効率的、16,777,216の可能な色の一部のみを生成します(676,248とhueRotateStep=1)。 SPSAを使用したより高速な検索ソリューション:https : //stackoverflow.com/a/43960991/181228 賞金を獲得 drop-shadow解決策: https://stackoverflow.com/a/43959853/181228 短所:んがエッジ上では動作しませ。filterCSS以外の変更とマイナーなHTMLの変更が必要です。 ブルートフォース以外のソリューションを送信することで、引き続き承認済みの回答を得ることができます! 資源 どのようにhue-rotateしてsepia計算されます。 https://stackoverflow.com/a/29521147/181228 例Rubyの実装: LUM_R = 0.2126; LUM_G = 0.7152; LUM_B = 0.0722 HUE_R = 0.1430; HUE_G = 0.1400; HUE_B …

10
CSSガラス/ぼかし効果をオーバーレイで機能させるにはどうすればよいですか?
半透明のオーバーレイdivにぼかし効果を適用できません。次のように、divの背後にあるすべてをぼかしたいのですが。 これは動作しないjsfiddleです:http ://jsfiddle.net/u2y2091z/ これを機能させる方法はありますか?これをできるだけ複雑にせず、クロスブラウザにしたいと思います。ここに私が使用しているCSSがあります: #overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:black; background:rgba(0,0,0,0.8); filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px); }
101 html  css  blur  css-filters 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.