linear-gradients

3熱

2答えて

私は、次のCSSコードで市松模様のパターンを作成しました： .testcheckerboard{ width: 200px; height: 100px; background-color: white; background-image: linear-gradient(45deg, black 25%, transparent 25%, transpa

1熱

2答えて

Safariで直線勾配の暗い効果を避けるには？

div { width: 100px; height: 100px; background: linear-gradient(top, blue, transparent); } <div></div> クローム62は、レンダリング：サファリ11は、レンダリング：どのようにSafariでこの減光効果を避けるためでしょうか？

-1熱

2答えて

CSS分割属性

私はこのようなものがあります： background-image: linear-gradient(0deg, #FFFFFF, red), url("http://cuteoverload.files.wordpress.com/kitteh_puddle-1312.jpg"); をしかし、私は、他のスクリプトで画像をgenereateし、私はそれが可能である二行 background-i

0熱

1答えて

LinearGradientで座標点がどのように機能しますか？

LinearGradientで座標がどのようにポイントするか説明したり説明してください。例：私はこのように自分のコードを持っています。 var gradient = new LinearGradient(0, 0, 500, 500, colors, null, Shader.TileMode.Clamp); paint.SetShader(gradient); paint.

0熱

1答えて

CSSの背景グリッド：垂直の列が1つの水平の繰り返し線形勾配

CSSのみを使用して単一の要素に特定の背景パターンを作成しようとしています。 background-image: repeating-linear-gradient( to bottom, #f7f7f8 0, #f7f7f8 32px, rgba(255, 255, 255, 0) 32px, rgba(25

0熱

1答えて

グラデーションの不透明度（マスク画像）で停止を指定

this questionから、私は以下のコードを動作させることができました。しかし、それは私が欲しいのとまったく同じではありません。早く消えてしまいたい調査の結果、gradient（およびwebkit-gradient）はlinear-gradientに置き換えられました。私はそれを使用しようとしましたが、それはmask-imageで動作しないようです。特定の停止で画像をフェードアウトさせる

5熱

1答えて

オブジェクトに線形勾配を分割する

linear-gradientの値をobjectの値と値で分割します。私はこれがあります。 linear-gradient(10deg,#111,rgba(111,111,11,0.4),rgba(255,255,25,0.1)) をそして、私はこのようにそれをしたい： linear-gradient: { angle: '10deg', color1: '#111',

0熱

1答えて

CSSの画像の背景とグラデーション - 2つの線で区切りますか？

にはどうすれば（もちろん動作しません）例えば background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.5)), url("../images/3.jpg"); を分離することができます： background-image: linear-gradient(to bottom, rgba(255,0,0

-2熱

1答えて

CSS線形グラジエントを使用して特定のPNGを模倣する

純粋なCSSグラデーションで---> <---を再現します。このアプローチにはどのような方法が最適でしょうか？背景として使用するために純粋なCSSグラジエントを使用して上記のイメージを模倣することはできますか？