具有CSS过渡的同位素过滤-仅淡入淡出 [英] Isotope filtering with CSS transitions - fade only

问题描述

我正在尝试停用使用同位素过滤掉的项目的高度和宽度的css过渡.因此，只需让项目淡入或淡出，然后四处移动-无需缩放.

I'm trying to deactivate the css transitions of the height and width of items when filtered out using isotope. So, just having items fade out or in, and move about - no scaling.

我尝试了对标准CSS转换的各种CSS修改: http://isotope.metafizzy.co/docs/animating.html#css_transitions ，但没有成功.

I've tried all kinds of css modification to the standard css transitions: http://isotope.metafizzy.co/docs/animating.html#css_transitions , but no success.

在不修改插件的情况下是否有可能?

Is this possible without modifications to the plugin?

以下是我目前的演示: http://codepen.io/2kp/pen /nAGkp

Here's a demo of what I have at the moment: http://codepen.io/2kp/pen/nAGkp

推荐答案

$('#container').isotope({
      hiddenStyle: {
        opacity: 0
      },
      visibleStyle: {
        opacity: 1
      }
})

这篇关于具有CSS过渡的同位素过滤-仅淡入淡出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！