linear-gradients

1熱

1答えて

純粋なCSSを使用して、バックグラウンドのグラディエントで放射状のプログレスバーを作成しようとしています。クラスに応じて、.progress-47または.progress-90を指定すると、Sass forループは放射状の動作を変更します。私は同じ効果を作り出す必要がありますが、反時計回りの方向です。完全なコードはCodePenにあります。 <div class="item progress-47

0熱

1答えて

アルファ透明のグラデーション要素

私はここに、このCODEPENを持っているとは私の問題です。完全に不透明から完全に透明になるはずです。 <use xlink:href="#myText" mask="url(#myMask)" /> テキスト：http://angrytools.com/gradient/?0_800080,100_450045&0_0,100_100&l_180を：：私は使用してい勾配のために、私はそうのよ

9熱

1答えて

LineageRadientが指定された位置からオフセットされて描画されます

このコードでLineageRadientで色相勾配を作りました：（Color.parseColorでシンプルにできたかもしれませんが、これは私の意図するところでなければなりません。いずれかの描画可能。）わずかにオフセットされた色を使用してこの結果を生成 colors = new int[]{ Color.HSVToColor(new float[]{0, 1, 1}), Colo

0熱

1答えて

リニアグラジエントのCSSトライアングルの透明な背景を強制する

グラデーションの背景を継承するCSSで三角形を作成するための解決策を思いつきましたが、私は非常に近いですが、白い背景を背景の線形グラデーションスタイルで表示します。私は、この直線勾配に関連するスタイルはまた、フィドルでスタイルセクションの最後にあると ...簡単に私が達成しようとしているものを見るために jsfiddleを作りました - .inner-nav li.active a:after,

0熱

1答えて

ハイチャートリニアグラデーションの塗りつぶしの上限が固定されています

this exampleと同様の効果が得られます。ただし、上の例では、表示されているプロットを基準とした勾配を使用しています。したがって、0ストップカラーは、（ピークの実際の値が何であっても）可視プロットのピークで使用され、1ストップカラーがベースで使用されます。私は0から100の範囲のデータを持っているとします（例：パーセンテージ）。私は "暗"は常に100の値に使用され、 "光"は常に0の

0熱

4答えて

線形勾配の三角形のCSSカラー遷移

私は、写真のように、左上から右下に2本の三角形に分割された長方形の背景に取り組んでいます。私は何を達成したいことは、各三角形内の色の変化である：三角形ABDで：ピンクの三角形ACDで左から右に暗くなった：青は左から右に暗くなり、注：幅と高さは600と250に固定されていません。デモ用に使用しています。 HTMLコード： <div class="background-wrapper">

-1熱

1答えて

ソフトライトブレンドモードが動作しない

画像のソフトライトブレンドモードを線形グラデーションに対して適用しようとしていますが、エフェクトがクロムにロードされていません。私のコードは次のとおりです。 background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('.

1熱

1答えて

直線勾配のcalcはIE/Edgeでは機能しません

IEとEdgeはこの勾配で高さを正しく計算できないようです。誰にも解決策がありますか？この場合 background: linear-gradient(180deg, rgba(255,255,255,0) 100px, #f5f5f5 100px, #f5f5f5 calc(100% - 100px), rgba(255,255,255,0) calc(100% - 100px));

2熱

1答えて

HTML 5プログレスバータグ背景

ように私は、次のようにHTML5のプログレスバーのタグをスタイルにしたい：バーの背景自体は固定された100％の幅の勾配でなければなりません。しかし、バーの値がどこにある傾きがちょうど見えるはず... progress[value]::-webkit-progress-bar { background: linear-gradient(to right, red 1%, green);

2熱

2答えて

透明グラディエントの問題

FrameLayoutにGoogleマップのフラグメントを含むレイアウトがあります。また、私はグラデーションの背景と地図上に新しいビューを配置しました。レイアウト： <FrameLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1