「段階的な色」に関しては、どう思いますか？
この名詞を検索し始めたとき、実際に2つの理解があるか、動的勾配と静的勾配の2つの形式があることがわかりました。
いわゆる動的勾配、簡単な例：彼が来ると、彼女の顔は徐々に赤くなります...徐々に、徐々に変化は絶えず変化しています。静的勾配はさらにシンプルですが、虹が空から来るとき、赤、オレンジ、黄色、緑、青、紫、現在表示されている完成製品では、パーツから別の色に色が異なり、振幅は比較的小さく、徐々に変化しますが、あることは重要です。それはすでに存在しており、変化するステータスを形成し、これ以上変更することはできません。
このようにして、最初にJavaScriptを使用して、いわゆる動的勾配を実装しましょう。動的な理由を考慮した場合、写真を登ることはありません。アイデアを簡単に紹介しましょう。
*動的勾配
コードコピーは次のとおりです。
<span style = "font-size：12px;"> <html>
...
<body>
<center>
<div id = "fade"> </div>
</center>
</body>
</html> </span>
視聴の便利さのために、私は組み込みスタイルを書いたり、外部リンクスタイルの使用をお勧めしたりしています。次に、勾配効果を実現するために動的に書きます。
コードコピーは次のとおりです。
<span style = "font-size：12px;"> <script type = "text/javascript">
var node = document.getElementById（ "Fade"）;
var color = "＃0000";
var level = 1;
window.load = function fading（）{
node.style.background = color。+level.toString（）+level.toString（）;
レベル++;
if（level> 16）{
ClearTimeOut（Fading）;
}それ以外{
Settimeout（Fading、300）;
}
}
<スクリプト> </span>
私はもっと言う必要はないようです、ただのスプライシングと繰り返しの呼び出し。
*静的勾配
最初に写真を添付しましょう。効果を見て、一般的に神の意味を理解しましょう。
互換性を考慮せずに、ええと、実際の修正研究の後に互換性があります。これは、互換性を考慮せずにインターフェイスに少し欠けています。さて、まずこれを言い続けましょう。 WebKitカーネルを使用しているので、これを使用して最初に紹介します。
CSSスタイルを追加：
背景：-webkit-gradient（線形、100％0％、0％0％、（#ffffff）、カラーストップ（0.5、＃0000ff）、（#ffffff））;
簡単な説明：
線形：これは、線形勾配と放射状勾配の2つの概念に遭遇します。これは、線の線形変化と円のように放射状の拡散に過ぎません。
次の4つの値：それぞれ対応する方向のPX値を表します。これは、左から時計回りに回転する順に記憶できますが、カットされた色を表します。
From：これは最初の色です
宛先：そして同時に表示されると、勾配の最後の色が最終的に完了しました
カラーストップ：ラインがどこにあるかに変わるときに表示される色を指します。もちろん、それは周囲のエリアから、遷移点から遷移点から、への移行地域から次のように移行します。
わかりました、私はよく理解しています、そして私はいくつかの他の基本コードをいくつか取得します
コードコピーは次のとおりです。
フィルター：progid：dmixegetransform.microsoft.gradient（gradienttype = 1、startcolorstr =＃b8c4cb、endcolorstr =＃f6f6f8）;/*ie6*/
背景：-moz-linear-gradient（左、＃ffffff、＃ff0000）;/*others not not ie6*/
背景：-webkit-gradient（線形、100％0％、0％0％、（＃ff0000）、（＃0000ff））;/*IE6*/*/*
今日は「Speaking」のエピソードを見ました。とても良いショーがあることがわかりました。低すぎますか？