jquery - 改变同位素滤镜动画效果

Question

我正在尝试自定义同位素过滤动画。过滤掉同位素项目时，所有项目都通过淡出并调整为空项目的大小来隐藏。我想摆脱调整大小的效果，只是淡出项目。我还想在显示以前隐藏的项目时应用相同的效果 - 只需将不透明度从 0.0 更改为 1.0，而不是显示增长框效果。我从来没有使用过 jquery 动画，所以我不知道是否有可能在这个方向上做一些 hack 或者其他的东西可能会有所帮助。

Answer 1

在 Isotope v2 中，可以通过更改 transitionDuration 选项来更改动画持续时间（请参阅文档）。

在 v1 中，动画是在 CSS 中完成的。它在Isotope 的文档中有所提及。您可以通过更改 CSS 来更改动画效果。

Answer 2

为 Isotop 过滤事件添加动画选项很简单。只需通过 http://css3.bradshawenterprises.com/transitions/ 并根据需要添加包含 css3。