CSS将100个点连接成线

    通过CSS的transform(转换)以及transition(过渡)效果实现连点成线效果,页面预置了100个span属性代表100个点元素,当鼠标悬浮于点上时,该点会向四周划线扩散,随着鼠标的大面积快速移动所扫过的点都会被线连接在一起。

模板目录结构如下: