gpt4 book ai didi

animation - isotope.js 的轻量级替代品

转载 作者:行者123 更新时间:2023-12-01 18:59:21 26 4
gpt4 key购买 nike

我正在使用isotope.js纯粹是因为它的添加/删除元素的动画。

我喜欢项目动画效果,当删除的元素淡出时,同时填充删除的元素的位置。

问题是,我的网格元素都是固定且大小相等的,并且我不需要任何过滤内容。我发现同位素有点笨重,可能是因为它的功能很广泛。

所以我正在寻找一种替代方案:

  • 轻量级
  • 光滑
  • 稳健且可投入生产
  • 能够优雅地降级

最佳答案

原始答案

如果有人仍在寻找,您可能还想看看我编写的一个类似的 jQuery 插件,Filterizr。 Filterizr 是:

  • 允许过滤排序随机排列搜索
  • 高度可定制(允许用户为进出过滤时的过渡编写自己的 CSS 效果)
  • 使用CSS3 转换和变换翻译
  • 轻量级,~20kb
  • 针对移动性能进行了优化
  • 响应式(针对您的媒体查询)
  • 开源并获得 MIT 许可

下载以下链接、教程和文档 Filterizr Website

<小时/>

更新 06/2019:

自那时以来,Filterizr 已经取得了长足的进步。

它现在是用 TypeScript JavaScript 编写的,可以在没有 jQuery 的情况下作为普通 JavaScript 库使用。

尽管如此,它仍然允许用作 jQuery 插件,您仍然可以查阅 Filterizr 网站,因为它是最新的。

关于animation - isotope.js 的轻量级替代品,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27822402/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com