css-filters

1熱

1答えて

各セクションに色付きのロゴがあるメニューを作成しました。ホバリングしていないときにこのセクションにグレースケールフィルタを与えましたが、問題は、said in hereのように、それぞれのイメージが異なるグレーの色合いで表示されることです。このCSSフィルタの通常の動作です。私はホバーにいないときと同じ色のグレーでこれらのロゴをすべて持つことができる同様のCSSソリューションを探しています。ホバ

1熱

1答えて

子要素に影響を与えずに親のフィルタ輝度を設定する

CSS filter: brightness()を要素に設定する効果を得る方法はありますか？は、以下の例を考えてみます。ここ function setBrightness (bright) { $('.icon').css('filter', `brightness(${bright})`); // None of these work: // $('.

1熱

1答えて

ChromeのCSSフィルタのグレースケール画像/テキストの歪み

状況は単純です：私はページにコンテンツがあり、印刷時にグレースケールにしたいと思います。私はこれを行うために見つけた方法は .body { filter: Gray(); filter: url('#grayscale'); -webkit-filter: grayscale(1); filter: grayscale(100%); } すべては、サ

1熱

1答えて

CSSの親要素によって配置されたフィルタをクリアするにはどうすればよいですか？

私は<div>に背景イメージがあり、背景イメージにフィルタを適用したいと思います。しかし、私はまた、画像をオーバーレイする<p>タグを含むdivが好きです.DONTは、<p>に同じフィルタを持たせたいと思います。の<div>で設定されたフィルタをクリアするにはどうすればよいですか？私がこれまで持っているもの： <div className="artistDetailImage" style={

2熱

1答えて

CSS3フィルター効果がHTML5 Canvasと同等以上に効果的なのはなぜですか？

私は現在、HTML5 Canvasの画像に簡単なフィルタ効果を適用しています。ここで定義された技術と同様に： HTML5 Canvas image contrast そしてこのHTML5 Rocks! blog post でただし、この特定のアプローチは、すべてのピクセルを反復処理し、再描画の前に修飾子を適用する必要があり。私の特定のユースケースでは、画像を再描画するのに150ms +（650px

0熱

1答えて

実行時に継承されたテキストの色を濃くしますか？

私はテキストの色が継承される要素があるとします。 element { color: inherited} 私もhoverでこれを暗くしたいと思います： element:hover { color:darker(10%) } は、純粋なCSS（ノージャバスクリプト）をだますあり/これはかなり良いブラウザのサポートをハック？

0熱

1答えて

Sliderを使用して画像を変更するCSSフィルタをJavaScriptで使用する

スライダ入力を使用して、pngのCSSフィルタ（色相が正確になるように）を変更しようとしています。「WEBKIT-FILTER：色相回転（未定義度）」ありがとうございました！ function hueFunction(hueVal) { var setAs = hueVal + "deg" document.getElementById("lgImage").set

1熱

1答えて

filter：clip-pathでぼかしを使う方法？

私はclip-pathの六角形に影を追加しようとしています。通常、box-shadow（とfilter:drop-shadow()）はclip-pathでは機能しませんので、その下の大きな擬似要素でエフェクトを偽造しようとしています。アプローチはhereから採取し、簡単な例ではうまく動作します。ただし、クリップパス六角形で障害が発生したと全く同じアプローチを用いて body {

0熱

2答えて

Javascript Canvas Context Filterのみ適用対象：ぼかし

JavaScriptフィルタをJavaScriptキャンバスの画像データに適用することに興味があります。私はすでにcanvas context filterを見つけました。たとえば、これはぼかしで動作します。 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx

0熱

1答えて

チェックボックスをChromeに絶対配置した後に、フィルタを隠す要素（任意）62

以下は、対話を表示したい、背景をぼかしたいフォームの画像です。これは、他のブラウザで正常に動作しますが、クロームバージョンで62.0.3202.94（公式ビルド）（64ビット）これは、ここで問題を作成しているがその変化にトグルボタン、レイアウトやチェックボックスでありますここでは、サイズの入力フィールドチェックボックス opacity: 0; padding: 0; position: