文章标签

几年前，在 2020 年东京奥运会期间，我做了一个动画 3D 奥运五环的演示。我喜欢它，它看起来很棒，而且我喜欢五环互相交叉的效果。…

在上一篇文章中，我们做了一个很酷的小滑块（如果你愿意也可以称为“走马灯”），它以圆形方向旋转。这次我们将做一个在宝丽来图片堆栈中翻转的滑块…

图片滑块（也称为走马灯）无处不在。有很多 创建普通滑块的 CSS 技巧，图片从左到右滑动（或反之亦然）。同样，对于 许多 JavaScript 库也是一样…

纯 CSS 狼人 是我几周前做的小项目。它是 CSS 3D 变换和动画的实验。

受到 FPS 演示 和另一个 Wolfenstein CodePen 的启发，我决定构建自己的版本。…

我们已经看过了旋转器。 我们已经看过了点。 现在我们将解决加载器的另一种常见模式：条形图。在这一系列的第三篇文章中，我们将继续做与之前相同的操作…

当我谈论媒体查询 prefers-reduced-motion 时，我经常会看到一段代码。它就是

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  

你知道那种完全扁平的纸板箱吗？你可以将它们折叠起来并用胶带粘住，使它们成为一个实用的箱子。然后在回收时，你将其剪开并压平…

前几天我在 Apple Arcade 上玩了一个叫 wurdweb 的游戏。这是一款有趣的小游戏！像在屏幕上四处走动的小形状人（但除此之外不做任何事）这样的小细节让它变得很酷…

Apple Music 拥有“空间音频”功能，其中耳机中的音乐方向基于设备的位置。很难解释它到底有多酷。但这不是我要讲的…