利用可变字体、svg textPath、平滑滚动、视差、背景混合，制作了一个 about me 页面

[gaoryrt]

https://gaoryrt.com/about.html

顺带还发现了 chrome 80+ 一个问题：文字尺寸太大（ font-size/scale ）的时候光栅化会耗时巨长，非常卡。
所以开头可变字号放大就改成了前半段放大一点，后半段用 background 替代了，应该会好一点。

credits:

https://www.recursive.design/
https://editorialnew.com/
https://github.com/gaoryrt/cursor-dot
https://css-tricks.com/moving-text-on-a-curved-path/
www.youtube.com/watch?v=jk6sz25OZgw

[chiu]

觉得效果很不错，Chrome 不感觉到卡

[luchenwei9266]

挺有意思的页面。

[whileFalse]

哥们你博客的视频放主站又没有缓存，太卡了。
赶紧挪到静态资源托管站上或者开缓存把。

[huntrue]

Apple 官网有的页面就是这种效果，有的动画做的特别精彩，每次都忍不住退回去重新滑动，想多看几次。

[gangsta]

加载完了, 但是看不到完整的效果, 卡出天际...

[kkkkkrua]

同，鼠标还有惯性，有点不适，还有粉色的字叠加字体的时候，太刺眼了，调淡点可能比较好

[izoabr]

这次新发布的 iPad Pro 的介绍页面就类似这种效果，但流畅很多