javascript - Metafizzy 同位素 - 进入动画

Question

我能找到的有关同位素动画的所有信息均适用于版本 1:http://isotope.metafizzy.co/v1/docs/animating.html

似乎没有任何关于同位素 2 的文档。有谁知道我如何更改附加的输入动画？目前，它是从 0 到适当大小的缩放过渡:请参阅此处的示例:http://isotope.metafizzy.co/v1/demos/infinite-scroll.html

Answer 1

使用visibleStyle、hiddenStyle和transitionDuration选项:

例如，要在没有缩放的情况下缓慢淡入/淡出:

var isotope = new Isotope(someElement, {
  hiddenStyle: { opacity: 0 },
  visibleStyle: { opacity: 1 },
  transitionDuration: '2s'
})

Example

来源:Isotope Options documentation .