問題タブ [gradient]

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

java - javaのグラデーションパネルに色を追加しますか?

javaでグラデーションパネルに新しい色を追加するには?

0 投票する
3 に答える
7048 参照

flash - 垂直方向のカラーグラデーション(またはフラットな水平方向のグラデーション以外の角度)を作成する方法

みなさん、こんにちは。ActionScript3でマルチカラーグラデーションを描くのは初めてです。

したがって、このコードはヘルプドキュメントから取得しましたが、回転に使用する数式や数値に関係なく、垂直方向のグラデーションを取得できないようですが、デフォルトの水平方向のグラデーションのままです:(

私のコード:

あなたは私が試した回転コードをトレースで見ることができます...

深く関与した修正:

代替テキスト

0 投票する
8 に答える
28567 参照

svg - SVG角度勾配

SVGで「角度グラデーション」を実行する方法はありますか?

(正式な用語はわかりません。これは、カラーピッカーに見られる種類のグラデーションで、角度によって異なります。)

SVGは線形グラデーションと放射状グラデーションのみをサポートしているようですが、変換を使用して必要なものをシミュレートする方法があるのではないかと考えています。

ありがとう!

0 投票する
8 に答える
115012 参照

android - Androidの円形グラデーション

画面の中央から白で発し、画面の端に向かって移動すると黒に変わるグラデーションを作成しようとしています。

このような「通常の」グラデーションを作成するとき、さまざまな形状を試しています。

「楕円形」を使用すると、少なくとも丸い形になりましたが、グラデーション効果はありませんでした。どうすればこれを達成できますか?

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

javascript - css フィルタでのこのグラデーション コードの等価物

フィルタ メソッドを使用して、Internet Explorer でこのコードの同等または代替が必要です

コードで最も重要なことはポイント (0% - 49% - 100%) です。フィルター メソッドにはポイントがなく、色に対して 2 つ以上のパラメーターを受け入れないと思います。

そのためのフィルターまたはJavaScriptスクリプトでそれを行う方法はありますか? ありがとう。

0 投票する
7 に答える
20431 参照

css - IE7 と IE8 の CSS グラデーションにより、テキストがエイリアス化される

テキストを含む div で CSS グラデーションを使用しようとしています。Gecko と Webkit を使用すると、テキストは正常に表示されます。IE7 および IE8 では、テキストがエイリアス (ギザギザ) で表示されます。

このブログに出くわしました:「DXTransform を使用する要素で ClearType を無効にすることにしました」。

IE ブログ: http://blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

それは 2006 年のことです。3.5 年後、このバグは修正されると思いますが、そうではありません。div に繰り返し背景画像を詰め込まずに IE8 でこれを行う方法はありますか?

これが私の言いたいことの例です。

IE では、div 内のテキストはエイリアス (ジャギー) されますが、段落内のテキストはエイリアスされません。

画像を含まないソリューションは大歓迎です。

0 投票する
19 に答える
941747 参照

css - 同じ要素で背景画像とCSS3グラデーションを組み合わせるにはどうすればよいですか?

background-colorCSS3グラデーションを使用してから、background-imageを適用して、ある種の明るい透明なテクスチャを適用するにはどうすればよいですか?

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

apache-flex - グラデーションの背景を持つFlex DataGridのマウスオーバー行

行のマウスオーバーでグラデーションの背景を表示する必要がある DataGrid があります。列ごとに itemrenderer を作成しました。グラデーションは、マウスが置かれた個々のセルに表示されますが、行全体には表示されません。セルの 1 つにマウスを合わせると、行全体にグラデーションが表示されるようにするにはどうすればよいですか?

0 投票する
3 に答える
1147 参照

css - 画像の代わりに CSS グラデーションを使用する

画像の代わりに CSS を使用してグラデーションを作成しますが、マイナス面はありますか?

たとえば、次のコード:

ありがとう。

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

css - ボーダー半径を適用したIllustratorの「内部グロー」効果を再現するCSS3グラデーション

私はCSS3グラデーション(特に放射状のグラデーション)に頭を正しく向けようとしている最中です。そうすることで、私は自分自身を比較的難しい挑戦に設定したと思います。

Adobe Illustratorで、次の「ボタン」スタイルを作成しました。

ボタンスタイルのスクリーンショット

この画像を作成するために、背景色がrgb(63,64,63)またはの長方形を作成し#3F403F、境界線の半径が15pxになるように「定型化」しました。

次に、不透明度25%、ぼかし8ピクセル、中央から白の「内部グロー」を適用しました。最後に、3ポイントの白いストロークを適用しました。(上の画像では不十分な場合に、再現したい場合に備えて、これらすべてをお伝えします。)

したがって、私の質問は次のとおりです。

画像を必要とせずにCSSを使用してこの「ボタン」を再作成することは可能ですか?

私はInternetExplorerの「制限」を知っています(そしてこの実験のために、私はサルを与えることができませんでした)。また、Webkitの小さな「バグ」が、背景色、境界線の半径、および境界線(背景色とは異なる色)の要素を誤ってレンダリングすることにも気づいています。これにより、曲線上で背景色がにじみ出てきます。コーナー。

これまでの私の最善の試みはかなり哀れですが、参考のためにここにコードがあります:

基本的に、ひどい。ヒントやコツはありがたく受け入れてくれて、よろしくお願いします!