HTML5（＆amp; CSS3？）在后台创建一个正方形网格

Question

我有一个背景的想法，但我不知道是否可以做到，如果可以的话，最好的方法是什么。只是为了让你进入我的想法，它是一个正方形网格作为页面的背景，但是当你鼠标悬停在一个上面时，它会改变颜色并慢慢向后移动（我知道如何做动画部分）。网格应该跨越整个页面，宽度和高度，并且将隐藏溢出。我也希望如果页面确实可以重新调整大小

所以我想知道是否可以做到这一点。如果可以，我将如何生成网格？

我完全失去了。有什么想法吗？

Answer 1

我会使用<canvas>。或者也可以用相同大小的DIV填充整个身体，其高度和宽度以百分比定义。可以说这将是10x10 DIV的网格。或者你可以随心所欲地使用jQuery创建尽可能多的DIV（填充整个高度）。您可以浮动这些DIV以填充整个视口，如果调整窗口大小，则使用媒体查询来排列它们。在悬停时，您可以在每个DIV上应用一些动画。当然，你可以将其他元素放在那些DIV上。