Has anyone successfully modified the CSS3 transitions in jquery Isotope to incorporate a delay for shuffling items, such as using "transition-delay: 0s, 1s;"?
I am aiming for a specific shuffle direction - first left, then down - to create a more calculated effect when filtering (as opposed to the default diagonal shuffle). However, any alterations made to the default CSS3 transitions do not seem to work.
Below is my current CSS:
/**** Isotope Animating ****/
.isotope,
.isotope .isotope-item {
/* adjust duration value accordingly */
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-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;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
Any insights or suggestions would be greatly appreciated!