タグ付けされた質問 「gradient」

位置に依存する色の範囲を指定します。通常は、領域を塗りつぶすために使用されます。


12
ボディに設定されたCSS3グラデーションの背景は伸縮せず、代わりに繰り返されますか?
<body>合計300ピクセルの高さのコンテンツを言います。 <body>使っている背景-webkit-gradientや-moz-linear-gradient 次に、ウィンドウを最大化し(または単に300pxより高くします)、グラデーションの高さをちょうど300px(コンテンツの高さ)にし、残りのウィンドウを埋めるまで繰り返します。 これはwebkitとgeckoの両方で同じであるため、これはバグではないと想定しています。 しかし、グラデーションのストレッチを繰り返しではなくウィンドウ全体に拡大する方法はありますか?
430 css  gradient 

7
CSS3透明度+グラデーション
RGBAは非常に楽しいです、そしてそうである-webkit-gradient、-moz-gradientとええと... progid:DXImageTransform.Microsoft.gradient...うん。:) RGBAとグラデーションの2つを組み合わせて、現在/最新のCSS仕様を使用してアルファ透明度のグラデーションを作成する方法はありますか?
286 css  gradient 

17
グラデーション枠
私はボーダーにグラデーションを適用しようとしています、これを行うのと同じくらい簡単だと思いました: border-color: -moz-linear-gradient(top, #555555, #111111); しかし、これは機能しません。 誰かが境界線グラデーションを行う正しい方法を知っていますか?
274 css  gradient 

9
Android LinearLayoutグラデーション背景
LinearLayoutにグラデーション背景を適用できません。 これは私が読んだことから比較的簡単なはずですが、うまくいかないようです。参考のために、私は2.1-update1で開発しています。 header_bg.xml: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:angle="90" android:startColor="#FFFF0000" android:endColor="#FF00FF00" android:type="linear"/> </shape> main_header.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="50dip" android:orientation="horizontal" android:background="@drawable/header_bg"> </LinearLayout> @ drawable / header_bgを色に変更すると、たとえば#FF0000で問題なく動作します。ここに明らかな何かが欠けていますか?

9
Androidでグラデーション背景を作成する方法
下の画像のように、グラデーションが上半分にあり、下半分に単色があるグラデーションの背景を作成したいと思います。 centerColor下と上を覆うように広がるのでできません。 最初の画像のような背景を作成するにはどうすればよいですか?centerColor広がらない小さくするにはどうしたらいいですか? これは、上の背景ボタンのXMLのコードです。 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <gradient android:startColor="#6586F0" android:centerColor="#D6D6D6" android:endColor="#4B6CD6" android:angle="90"/> <corners android:radius="0dp"/> </shape>

15
グラデーションの背景でCSS3トランジションを使用する
サムネイルの上にcssを置いたホバーでトランジションを実行して、ホバーで背景のグラデーションがフェードインするようにします。トランジションは機能しませんが、単純にrgba()値に変更すると、うまく機能します。グラデーションはサポートされていませんか?画像も使ってみましたが、画像が遷移しません。 別の投稿で誰かがやったように、それが可能であることは知っていますが、正確にはわかりません。任意のヘルプ>使用するCSSは次のとおりです。 #container div a { -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; position: absolute; width: 200px; height: 150px; border: 1px #000 solid; margin: 30px; z-index: 2 } #container div a:hover { background: -webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0, …

17
IE9ボーダー半径と背景グラデーションのにじみ
IE9は、CSS3標準定義のを使用して、角の丸い部分を処理できるようですborder-radius。 境界線の半径と背景のグラデーションのサポートについてはどうですか?はい、IE9は両方を個別にサポートしますが、2つを混合すると、グラデーションが丸みを帯びたコーナーから流出します。 角が丸いボックスの下に黒い実線として影が表示される奇妙さも見ています。 IE9に表示される画像は次のとおりです。 この問題を回避するにはどうすればよいですか?

5
多勾配形状
次の画像のような形状を作成します。 上半分の色1から色2へのグラデーションに注意してください。下半分の色3から色4へのグラデーションに注意してください。単一のグラデーションで図形を作成する方法は知っていますが、図形を分割する方法がわかりません2つの半分を作成し、2つの異なるグラデーションで1つの形状を作成します。 何か案は?
177 android  gradient  shapes 

19
UIColorからわずかに明るい色と暗い色を取得する
UIColorをグラデーションにできるようにしようとしていました。これを行うつもりの方法は、Core Graphicsを使用してグラデーションを描画することです。私がやろうとしていることは、色を取得することです。 [UIColor colorWithRed:0.5 green:0.5 blue:0.5 alpha:1.0]; いくつかの色合いが暗く、いくつかの色合いが明るいUIColorを取得します。誰でもこれを行う方法を知っていますか?ありがとうございました。

4
Pytorch、勾配の引数は何ですか
私はPyTorchのドキュメントを読んでいて、彼らが書く例を見つけました gradients = torch.FloatTensor([0.1, 1.0, 0.0001]) y.backward(gradients) print(x.grad) ここで、xは初期変数であり、そこからyが作成されました(3ベクトル)。問題は、勾配テンソルの0.1、1.0、0.0001引数は何ですか?ドキュメントについては、あまり明確ではありません。

10
Internet Explorer 9のグラデーション
IE9内のグラデーションのベンダープレフィックスを知っている人はいますか?それとも、まだ独自のフィルターを使用しているはずですか? 他のブラウザについて私が持っているのは: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */ おまけとして、誰もがOperaのベンダープレフィックスも知っていますか?

7
Androidでの円形グラデーション
画面の中央から白く発光し、画面の端に行くにつれて黒くなるグラデーションを作ろうとしています。 このように「通常の」グラデーションを作成するので、さまざまな形状を試しています。 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#E9E9E9" android:endColor="#D4D4D4" android:angle="270"/> </shape> 「楕円」形を使用すると、少なくとも丸い形になりますが、グラデーション効果はありませんでした。どうすればこれを達成できますか?」
109 android  gradient 

4
カラー1からカラー2までのn色のグラデーション
私はしばしばggplot2それを使ってグラデーションを素敵にしています(例はここをクリックしてください)。私はベースで作業する必要があり、scalesそこでカラーグラデーションを作成するためにも使用できると思いますが、その方法については非常にずれています。基本的な目標は、x色からy色までのn色のパレットを生成することです。ソリューションはベースで動作する必要があります。これは出発点でしたが、nを入力する場所がありません。 scale_colour_gradientn(colours=c("red", "blue")) 私はよく知っています: brewer.pal(8, "Spectral") からRColorBrewer。ggplot2がグラデーションを処理する方法に似たアプローチをもっと探しています。これは、これらの2つの色があり、途中で15色が必要だと言っています。どうやってやるの?
108 r  gradient 

6
CSSを使用したSVGグラデーション
SVG rect要素にグラデーションを適用しようとしています。 現在、私はfill属性を使用しています。私のCSSファイル: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } また、rect要素はブラウザで表示したときに正しい塗りつぶし色になります。 ただし、この要素に線形グラデーションを適用できるかどうか知りたいですか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.