Javascript 向jquery同位素过滤添加动画？

我想了解同位素是如何工作的。当前已完成过滤功能，但如何准确设置项目的动画？我阅读了手册，并使用jquery引擎来驱动动画，但老实说，我不知道从哪里开始

以上就是我所尝试的。我完全不知道我将如何做到这一点。只是一个标准的淡入淡出/移动。

这是一个

您遗漏了v1.5的CSS（v2不需要动画）。在您的案例中，css是：

 /**** Isotope Filtering ****/

.people-card {
  z-index: 2;
 }

.isotope-hidden.people-card {
pointer-events: none;
z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.people-cards-container,
.people-cards-container .people-card {
 -webkit-transition-duration: 0.8s;
 -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
      transition-duration: 0.8s;
}

.people-cards-container {
 -webkit-transition-property: height, width;
 -moz-transition-property: height, width;
  -ms-transition-property: height, width;
   -o-transition-property: height, width;
      transition-property: height, width;
}

.people-cards-container .people-card {
 -webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
   -o-transition-property:      -o-transform, opacity;
      transition-property:         transform, opacity;
}

 /**** Isotope Filtering ****/

.people-card {
  z-index: 2;
 }

.isotope-hidden.people-card {
pointer-events: none;
z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.people-cards-container,
.people-cards-container .people-card {
 -webkit-transition-duration: 0.8s;
 -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
      transition-duration: 0.8s;
}

.people-cards-container {
 -webkit-transition-property: height, width;
 -moz-transition-property: height, width;
  -ms-transition-property: height, width;
   -o-transition-property: height, width;
      transition-property: height, width;
}

.people-cards-container .people-card {
 -webkit-transition-property: -webkit-transform, opacity;
 -moz-transition-property:    -moz-transform, opacity;
  -ms-transition-property:     -ms-transform, opacity;
   -o-transition-property:      -o-transform, opacity;
      transition-property:         transform, opacity;
}