問題タブ [gradient]

私は、デザイナーから psd レイアウトをさいの目に切ってスライスしている最中です。デザインは 960 グリッド システムに基づいており、複数のボックス (トップ メニュー用の 960 ピクセル ボックス、2 つのコンテンツ エリア用の 2 つの 460 ピクセル ボックス、別のコンテンツ セットアップ オプション用の 220 ピクセルと 720 ピクセルなど) で構成されています。これらのボックスはすべて無地の背景色 (本体) に基づいていますが、すべて丸みを帯びた角と約 10 ピクセルの境界線があり、グラデーションになっています。

私は、もちろん検証する必要があること、素敵なセマンティクスなどを念頭に置きながら、ここで取るべき最善の方法を検討しています。

アイデア/入力はありますか？

私は最初のFlashプロジェクトに取り組んでおり、プリローダーの場合、ロードされたパーセンテージに基づいて非常に単純なグラデーションを実行したいと思います。プリローダーは「77％loaded ...」と表示します。ここで、77という数字はpercentLoadedと呼ばれる動的テキストインスタンスです。グレースケールで、percentLoadedのtextColorを＃000000から#FFFFFFへのグラデーションで変更したいと思います。

したがって、私は単純に行うことはできません：

これは、textColorをFFFFFFの倍数に変換するだけですが、3つの別個のコンポーネントではないため、色を出力します。現在、私が持っているものは次のとおりです。

ここで、「rgb2hex」はクラス内でそのように定義された関数です。

ただし、これが実際にフォントの色を変更しているようには見えません。flash.text.TextFieldとflash.display.MovieClipをインポートしましたが、他に何かが足りないかどうかわかりません。これは文字列の連結で行うのが簡単でしょうか？または、currentValue / 100で何かが起こっていて、それを数値として渡すことはありますか？

興味があれば、ここでrgb2hexのコードを見つけました。

ありがとう！

私は皆さん。これはもっと設計上の質問かもしれませんが、誰かが私が使用できる巧妙なCSSテクニックを持っている場合に備えて、私はそれを回転させたいと思いました。そうでなければ、私は反対票を投じて反対票を投じる猛攻撃に身を任せます！

ここのロゴホルダーは、右側に素敵なグラデーションの背景画像があり、明らかに半透明であることがわかります。私のクライアントは、上部と右側のグラデーションを探しています。これをどのように達成できるかについてのアイデアはありますか？

代替テキストhttp://www.linkhostmedia.com/blog/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-4.31.45-PM.png

前もって感謝します。

問題の勾配は、Quartz 2D プログラミング ガイドの図 8-5 、「点と円の間で変化する放射状勾配」です。

次のように CGGradient オブジェクト (CGShading オブジェクトではなく、問題になる可能性があります) を構築しようとしています。

もちろん、それは正確ではありません。中心点と半径は正しいですが、実際のグラデーションは同じに見えません。Apple が各例のソース コードを提供してくれればよかったのにと思います。>:(

WPF で円錐形/円形のグラデーションを再作成したいと思います。System.Windows.Media.GradientBrush の継承を検討しましたが、これは継承できますが、多くの内部配管を使用してジョブを完了します (System.Windows.Media.Brush から継承)。

これを達成する方法についてのアイデアをいただければ幸いです (できればビットマップに頼らないでください)。

乾杯。

ダン

この質問は 7 月 ( Circular Gradient and WPF ) に何度か尋ねられましたが、古い質問を復活させたくありませんでした。

私はCSSの初心者で、テキストのグラデーションを実行しようとしています。ここでこのコードを試しましたが、うまくいきませんでした。おそらく、h1 オブジェクトが #header div 内にネストされているためです。私が知らないレイヤーと関係があると思います。すべての前に勾配ブロックが表示されるか、まったく表示されません。

この特定の例では、このコードにより、すべての前に大きなグラデーション バーが表示されます。

ここにHTMLがあります（私はRuby on Railsを使用しているため、表記です）

z-index で遊んでみましたが、良い結果が得られませんでした。何か案は？

次の関数が PHP で垂直方向のグラデーションを描画できることがわかりました。ただし、多くの Web デザイナーは、グラデーションがよりリアルに見えるように左上の光源を使用することを好みます。では、垂直グラデーションの角度を少し変えて、わずかなグラデーションにするにはどうすればよいでしょうか。完全に無理はしたくありませんが、垂直方向のグラデーションを下るにつれて、少しだけ右に移動します。

AS3を使用してFlashCS4でグラデーションマスクを使用して自動巻き戻しムービーを作成しようとしています。私が抱えている唯一の問題は、ムービークリップがタイムラインの終わりに達すると、maskingLayerMCがそのグラデーションを失うことです。そのため、ムービーが巻き戻されている間、maskingLayerにはグラデーションがありません。再生ヘッドが最初のフレームに到達し、再び再生を開始すると、勾配が回復します。

最後のフレームにも.cacheAsBitmapブールプロパティを追加しようとしましたが、効果がなく、maskingLayerMCはそれでもグラデーションを失います。

[更新された作業コード]

なぜこれが機能するのか、それが最善の解決策であるのかはわかりませんが。

playDirection関数内に一度プロパティを追加するだけでは不十分であるため、問題はprevFrame（）関数にあるようです。したがって、次のコードは、イライラすることに、機能しません。

虹色（赤…黄…緑…青…）に基づいた色を列挙したいのですが。

私はそれを行うために基本的に2つの方法を見ます：

1. いくつかの重要な参照色を含むルックアップテーブルを作成し、これらの間を補間します。私はこの考えがまったく好きではありません。

2. 多かれ少なかれ派手な数学を適用します。おそらく少ないですが、それがどのように機能するのかよくわかりません。何か案は？

（ああ、私がいくつかのSO調査を行っている間、良い結果は見つかりませんでした。この質問がすでに投稿されている場合は、場所を指定してください。これを削除します。）

編集：グラデーションを表示するために使用されているテクノロジーとは別に、これを使用したいと思います。たとえば、fが0（赤）から1（紫）の範囲のGetRainbowColor（float f）のようなものがうまく機能します。

-webkit-gradientRGBAはとても楽しい-moz-gradientですprogid:DXImageTransform.Microsoft.gradient。:)

RGBA とグラデーションの 2 つを組み合わせて、現在/最新の CSS 仕様を使用してアルファ透明度のグラデーションを作成する方法はありますか?