背景のアイデアはありましたが、それが可能かどうか、可能であればどのような方法が最適かはわかりません。私の考えを説明すると、これはページの背景としての正方形のグリッドですが、マウスをその上に置くと色が変わり、ゆっくりと元に戻ります (アニメーション部分のやり方は知っています)。グリッドはページ全体、幅と高さにまたがるはずで、オーバーフローは非表示になります。また、ページのサイズが変更された場合、それ自体のサイズを変更できることを望みます
だから、これができるかどうか疑問に思っています。可能であれば、どのようにグリッドを生成しますか?
私は完全に途方に暮れています。何か案は？
私は使用します<canvas>。または、高さと幅がパーセンテージで定義された同じサイズの DIV でボディ全体を埋めることもできます。それが 10x10 DIV のグリッドになるとしましょう。または、必要な数の DIV を jQuery を使用してオンザフライで作成することもできます (高さ全体を埋めるため)。これらの DIV をフロートしてビューポート全体を埋めることができます。ウィンドウのサイズが変更された場合は、メディア クエリを使用して配置します。ホバーすると、すべての DIV にアニメーションを適用できます。もちろん、これらの DIV の上に他の要素を配置することもできます。