背景作成13■ブロック並べの背景Fグラデのボーダー     最終修正日 : 2016/04/07

●動くJavaScript

●2016/04/07:即時関数で囲んで、グローバル変数を消しました。
JavaScript と CSS を利用して、背景を作成します。
縦のボーダーが画面の下へ行くにつれ、徐々に消えていくように見えます。
ソースの中の指定が違うだけで、■背景作成8ブロック並べの背景A格子 と同じ JavaScript です。

「ピンク→水色→白のグラデーション」のように見えるボーダーは、ほんとうは body に指定した背景のグラデーションです。
縦線の幅の数値を入れることで、body のグラデーション背景が見えます。
JavaScript で指定しているのは、白の縦ボーダーです。
グラデーションの白とボーダーの白の相乗効果で、画面の下に行くほどボーダーが消えていくように見えます。
JavaScript のソースの中で、透過度を上げる(数値を小さくする)方が綺麗な気がしますが、お好みで数値を指定して下さい。

このJavaScript は、■面白6マウスでブロック落とし を改造して作成しました。