← 回到首页
EXP. 001

文字涟漪

鼠标划过一排字,字会像水面一样散开又合上。点一下会有一圈波从手指底下荡出去。

● LIVELAB / 001
每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个月做一个没用的网页每个
MOVE / TAP
划一下试试

怎么玩

指针靠近,字会被推开;点一下,一圈波从落点扩散。手机上直接划。

用了什么

原生 JS 算距离,逐帧只改 transform 和颜色。没有库,没有画布。

边界

输入只在本页,刷新即消失。

做的时候在想什么

一开始想用 canvas,后来发现一排 span 就够了。字被推开的那个瞬间比任何动画曲线都好玩,所以力度滑杆留着,随你调。