Change Isotope filter animation effect

jquery animation jquery-isotope
Martin Novák picture Martin Novák · Jul 1, 2013 · Viewed 9.5k times · Source

I'm trying to customize isotope filtering animation. When filtering out the isotope items, all items are hide by fading out plus resizing to an empty item. I want to get rid of the resize effect and just fade out the items. I want also to apply the same effect when displaying previously hidden items - just change opacity from 0.0 to 1.0 and not to show the growing-box effect. I have never worked with jquery animations, so I have no idea if it is possible to make some hack in this direction or something else might help.

Answer

Florian picture Florian · Jul 16, 2013

In Isotope v2 the animation duration can be changed by changing the transitionDuration option (see documentation).

In v1 the animations were done in CSS. It is mentioned in the documentation of Isotope. You could change the animation effect by altering the CSS.

Related questions

How can I create a "Please Wait, Loading..." animation using jQuery?

I would like to place a "please wait, loading" spinning circle animation on my site. How should I accomplish this using jQuery?

Read More
How do you make an element "flash" in jQuery

I'm brand new to jQuery and have some experience using Prototype. In Prototype, there is a method to "flash" an element — ie. briefly highlight it in another color and have it fade back to normal so that the user's eye …

Read More
How to Use slideDown (or show) function on a table row?

I'm trying to add a row to a table and have that row slide into view, however the slidedown function seems to be adding a display:block style to the table row which messes up the layout. Any ideas how …

Read More