「段階的な色」に関しては、どう思いますか?
この名詞を検索し始めたとき、実際に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」のエピソードを見ました。とても良いショーがあることがわかりました。低すぎますか?