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

2020-04-01 10:11:00 +08:00
 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
3417 次点击
所在节点    分享创造
27 条回复
wuqingdzx
2020-04-01 10:14:30 +08:00
amazing,写后端的表示想学习一下
98b984275a6b4591
2020-04-01 10:30:42 +08:00
挺酷炫的，就是 Firefox 和 Safari + UHD630 都卡爆
gaoryrt
2020-04-01 10:37:14 +08:00
@98b984275a6b4591 好的老板，我这儿优化
lzdyes
2020-04-01 10:43:10 +08:00
beautiful
likiwang
2020-04-01 10:51:08 +08:00
楼主播客 rss 好像订阅不了
gaoryrt
2020-04-01 10:53:24 +08:00
@likiwang 哈这个好像是没有做，抱歉了老板，我尽快
gaoryrt
2020-04-01 10:57:45 +08:00
@likiwang https://jungle.fm/rss2.xml 是这个，之前链接填错了
yuankui
2020-04-01 11:12:21 +08:00
就是很卡，配色（粉色）有点萌？
看不到鼠标，很难受。
leadfast
2020-04-01 11:14:24 +08:00
交出源码，送楼主个 star
just1
2020-04-01 11:14:47 +08:00
鼠标延迟还带惯性很难受
另外感觉不好看...
Mithril
2020-04-01 11:20:01 +08:00
别的都不错，就是粉色那几个大字体比较难辨认。换个颜色可能会好点。
doudouwu
2020-04-01 13:20:31 +08:00
酷是酷，卡到当场去世
psychoo
2020-04-01 13:42:23 +08:00
打开简历落差有点大
ccoming
2020-04-01 13:46:58 +08:00
同 ls，东非大裂谷那么大
pkwenda
2020-04-01 13:50:34 +08:00
FM 我听了最近的一期，还不错
guolaopi
2020-04-01 13:53:32 +08:00
firefox 几乎卡成翔，特别是 “Hi”放大旋转的时候。。
谷歌儿倒没事，求解释
VictorJing94
2020-04-01 13:57:09 +08:00
不错啊
gaoryrt
2020-04-01 13:58:27 +08:00
@psychoo
@ccoming
想看到啥样的简历呢，有没有建议或者例子参考
JK9993
2020-04-01 14:10:55 +08:00
这种公开的简历把个人真实信息隐藏比较好吧。。放个邮箱就是了
kaiki
2020-04-01 14:14:40 +08:00
让我想到了这个
www.first-launch.com
七点半的太空人，整个网站都是一个动画

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/658203

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX