使用同位素淡入新项目

时间:2012-04-24 12:49:12

标签: javascript fade jquery-isotope

我正在使用名为Isotope的优秀磁贴库(http://isotope.metafizzy.co/)。 我试图让新物品(当添加时)淡入但我只能让它们“飞进来”。

这是我的CSS3代码(取自网站):

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

如何改变效果?

感谢所有输入!

0 个答案:

没有答案