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。