CSS 鼠标滑动交互式网格背景动画效果

    实现的一种交互性网格效果,整个网格背景是通过 CSS 设置而成,每四个网格的中间部分设置了一个十字的中心节点,使网格的分层效果更加突出,通过 CSS 的 transform 以及 grid-template-*等关键属性设置了网格一定的倾斜效果以及阴影效果,使网格的整体布局看起来更加3D立体。当鼠标滑过网格后会在网格中填充不同颜色,形成鼠标的拖尾效果,交互性特别强。

模板目录结构如下: