| 一组使用 CSS 或 JavaScript 构建的动画技巧，考虑了可访问性和用户偏好。 |
欢迎来到我们不断增加的动画片段集。这些片段试图展示你可以如何创建引人入胜的动画和交互效果，同时仍然尊重用户对动画的偏好。它们还支持所有现代浏览器，因此你可以放心使用。
文字分离——字母动画
https://codepen.io/zhoushengdao/pen/mdaVmad
该片段展示了如何创建尊重用户动画偏好的无限字母动画效果。
完整文章 · YouTube 上的视频 · GitHub 上的源代码
文字分离——单词动画
https://codepen.io/zhoushengdao/pen/jOXWwba
该片段展示了如何创建尊重用户动画偏好的无限单词动画效果。
完整文章 · YouTube 上的视频 · GitHub 上的源代码
文字分离——字母悬停
https://codepen.io/zhoushengdao/pen/PoXZjvO
该片段展示了如何创建尊重用户动画偏好的交互式字母效果。
完整文章 · YouTube 上的视频 · GitHub 上的源代码
文字分离——单词悬停
https://codepen.io/zhoushengdao/pen/gOZPxpo
该片段展示了如何创建尊重用户动画偏好的交互式单词效果。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。