問題タブ [linear-gradients]

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 投票する
6 に答える
11075 参照

css - IE9でCSS3PIEを使用する線形グラデーションが機能しない、IE8は機能する

私のWebサイトでIE6とIE7のサポートを完全に廃止し、ユーザーをテキストのみの警告ページにリダイレクトすることにしました。しかし、私はまだIE8とIE9をサポートしています。

私はCSS3PIEを使用してこれを達成しており、border-radiusは両方(IE8 / 9)で機能し、box-shadowは両方で機能しますが、線形グラデーションにも依存しています。これを実現するために使用しているタグの山があります。

奇妙なことに、線形グラデーションはIE8で機能しますが、IE9では機能しません。見つけた解決策を試しましたが、うまくいきませんでした。IE8はフォールバックを示しています:背景:#E6E6E6; -グラデーションではありません。

他のプロパティ( border-radiusbox-shadow)はPIEで機能しますが、それなしでは機能しないため、サーバーなどに問題はないと思います。

サポートしているすべてのブラウザで機能するすべてのプロパティがあります-IE9ではありません:(

何か案は?
ありがとう

0 投票する
2 に答える
470 参照

css - NetscapeでCSS線形グラデーションを表示するにはどうすればよいですか?

NetscapeでCSS線形グラデーションを使用するにはどうすればよいですか?

私はこのコードを試しています:

IE、Firefox、Chromeで動作しますが、Netscapeでは動作しません。

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

android - 線形グラデーションの背景を持つAndroid GLSurfaceView OpenGL ES?

このコードを使用すると、背景をクリアして色を追加できます。

これを線形グラデーションの背景に変更するにはどうすればよいですか? 例えば、上が白で下が青?

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

css - CSS3フェードボトム

高低を検索してきましたが、 aを使用してタグの下部を白にフェードするCSS3メソッドが見つかりませんでした。linear-gradient<section>

はっきりしない場合は、例を挙げて説明しましょう。テキストがたくさんあるタグを持っている場合は<section>、指定された高さでテキストを切り取ってほしいです。まだまだ読むべきテキストがあることを示すために、コンテナは最後の行かそこらを部分的に覆う白いグラデーションを表示して、読むべきテキストがまだあることを示します。

これはPNGまたはGIFで実行できることは知っていますが、CSS3でこれを実行する方法がわかりません。誰かが例を提供できますか?

お時間をいただきありがとうございます。

0 投票する
0 に答える
742 参照

objective-c - グラデーションにマップし、iOS で画像の色を変更する

画像の色を iOS のグラデーションに再マッピングする最も効率的な方法は何でしょうか? これは、Image Magic のドキュメントでは「画像にカラー ルックアップ テーブルを適用する」と定義されており、一般的にはそう思います。たとえば、これを行うためにコアイメージに組み込まれているものはありますか? convert -clut を使用して ImageMagick コードで実行できることはわかっていますが、それが最も効率的な方法であるとは確信していません。

画像をグラデーションに再マッピングした結果は、次の図のようになります: http://owolf.net/uploads/ny.jpg

フラクセルのコメントからコピーされた基本的な式は次のとおりです。

1.画像をグレースケールとRGBで開きます

2.RGB 画像を HSV (色相、彩度、値/明るさ) 色空間に変換します。これは円柱状の空間で、色相は極軸上の単一の値で表されます。

3.すでに開いているグレースケール画像に色相チャンネルを設定します。これは重要なステップです。

4.値と彩度チャンネルを両方とも最大値に設定します。

5. RGB 空間に変換します (そうしないと、表示が正しくなくなります)。

0 投票する
4 に答える
8796 参照

r - Rの2次元カラーグラデーションプロット

下の右の写真のような2Dカラーグラデーションの長方形を作成したいと思います。Rでこれを行うにはどうすればよいですか?colorRampまたはRColorBrewer他の関数/パッケージを使用して、素敵な1Dドーラーランプを作成できます。しかし、たとえば右上の長方形のように、コーナーにいくつかの色を含む2Dに対してこれを行うにはどうすればよいですか?

カラーグラデーション

私が取得したいのは、たとえば次の2つのグラデーションタイプです。

ここに画像の説明を入力してください ここに画像の説明を入力してください

BTY:上記のチャート(Luca Fenuが作成)をここで見つけたことを完全に忘れました。

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

winforms - Visual C++ でフォームのグラデーションの背景色を設定するにはどうすればよいですか?

Visual Studio 2010 を初めて使用します。C++ でフォームの背景色をグラデーション カラーに設定する方法を知りたいです。オンラインでいくつかのソースを見ましたが、それは Visual Basic .NET 用のものでした。

あなたの助けに感謝 :)

0 投票する
6 に答える
1900 参照

html - 2トーンのhrタグを作成するにはどうすればよいですか?

ヘッダーの下部を横切る仕切り線を作成しています。高さは2ピクセル、トーンは2ピクセルである必要があります。上のピクセルは水平方向に完全に灰色である必要があり、下のピクセルは白である必要があります。100%幅の2つの1ピクセルdivを重ねて配置したいのですが、cssとhrタグを使用してこれを行うためのより良い方法を誰かが知っていることを望んでいますか?

どうもありがとうございます!

0 投票する
5 に答える
18746 参照

html - SVG線形グラデーションはSafariでは機能しません

ドキュメントに直接埋め込まれた線形グラデーションを含むSVGオブジェクトがあります。ChromeとFirefoxでは正常に動作しますが、Safariでは何もレンダリングされません。SVGをファイルとして作成し、Objectタグを使用して埋め込むと、Safariで正常に機能します。他の形状や塗りつぶしは機能しますが、機能しないのは線形グラデーションです。オブジェクトを使用できると思いますが、SVGを直接埋め込むことをお勧めします。

ここでデモを作成しました(SafariではなくChromeで動作します):http://jsfiddle.net/sjKbN/

コンテンツタイプをに設定することを提案するこの回答に出くわしましapplication/xhtml+xmlたが、これ自体が他の問題を引き起こしているようです。

誰かがこれを機能させるための他の修正やアイデアに出くわしたかどうか疑問に思っています。

0 投票する
2 に答える
2123 参照

html - 境界線の半径と背景のグラデーションを含む HTML プログレス バー

次のような進行状況バーを作成する必要があります。

http://kashqool.com/files/progress-bar.png

(IE6 以降、Chrome 3 以降、Firefox 5 以降、Opera 9 以降) で動作する必要があります。したがって、IEのborder-radiusの場合、ie-css3.htcを追加しましたが、問題-IEでborder-radiusと背景を線形グラデーションで追加すると、bordoerの半径が表示されません。- DIV 幅が 43% の場合、黒い面が表示されない可能性はありますか? そして、いつ100%になるかが表示されます。写真のように。

これはコードです: