返回 Pack GalleryMotion Pack 09 · 内容变化
筛选结果
筛选条件变化时，让结果数量和可见项目一起更新。
Issues3 visible
- Homepage audit
- Motion glossary
- Release notes
实现一个筛选结果切换：点击筛选条件后，活动筛选清晰移动，符合条件的卡片在 180ms 内淡入上移，不符合条件的卡片淡出，顶部结果数量同步更新。
动效规则
结果数量、活动条件和网格内容在同一个事件内更新。
减弱动效
直接替换可见结果，同时保留数量和选中筛选。
实现
HTML、CSS 与行为所需的 JavaScript 一起复制。