起因 最近看到掘金上有朋友用three.js实现了一个soul星球效果，觉得很有意思，想用CSS复刻一下！ 前置概念！🤠 首先CSS默认在二维平面 (x, y) 上操作： x 轴：对应于水平方向。 y

今天来实现一个有意思的按钮效果，可以感知用户鼠标的方向，根据用户鼠标进入和离开的方向动态调整动画过渡效果。

写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果！ 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什么还需要shape()，官方

今天，收到一个很有意思的提问，如何实现类似如下的背景效果图： 嗯？核心主体是由多个六边形网格叠加形成。 那么我们该如何实现它呢？使用纯 CSS 能够实现吗？ 当然可以，下面我们就将尝试如何使用 CSS