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。