克制的动效，也可以很有表现力

当一个元素发生变化，用户会自然地寻找原因。好的动效利用这种感知，把前后的状态连接起来。这是一篇关于微交互的示例文章，可在配置文件中替换。

让反馈紧贴操作

鼠标经过作品时，图片略微放大，提示它可以被打开。筛选完成后，数量随之更新，帮助用户确认结果。变化不需要夸张，只需要清楚。

给用户保留控制权

持续播放的内容需要提供暂停入口。系统设置了减少动态效果时，交互应该以即时变化代替大幅位移。体验的完整性，也包括对不同感知偏好的尊重。

1@media (prefers-reduced-motion: reduce) {
2  *, *::before, *::after {
3    animation-duration: 0.01ms !important;
4    transition-duration: 0.01ms !important;
5    scroll-behavior: auto !important;
6  }
7}

动效不需要一直存在，但在需要它的时候，应当准确。