我们已经介绍了 动画 曲线文本 的想法,不久前一则有趣的 《纽约时报》文章 发表了。 我只是窥视了他们是如何做到的,并将相关部分提取到一个更孤立的演示中。
该演示位于此处
查看 CodePen 上的
自拍爬行,作者是 Chris Coyier (@chriscoyier)
在 CodePen 上。
@keyframers 覆盖了它,比我做得更好,并制作了这个视频。 (说真的,它非常清晰简洁——值得一看。)
我特别喜欢他们在演示中快速轻松地创建、导出、优化和集成实际 SVG 代码的方式。
他们的最终演示
查看 CodePen 上的
SVG textPath 动画滚动教程 | Keyssentials:Web 动画技巧,作者是 @keyframers,作者是 @keyframers (@keyframers)
在 CodePen 上。
日复一日,我们审计使用 div soup 和完全错误的 HTML 编写的网站,比 5-6 年前更糟糕,但人们仍然想要在页面上让东西动起来,大多数时候并没有用户的要求。 真聪明。
所以这里有一个小小的提醒,如何让它对我们大多数超过 14 岁的人来说不那么糟糕
– https://www.scottohara.me/note/2019/07/12/reduced-motion-video.html
– https://css-tricks.cn/introduction-reduced-motion-media-query/
– https://a11yproject.com/posts/understanding-vestibular-disorders/