Hello,
I’d like to ask a question about the grid animations when the website is loaded and/or categories from the menu are loaded.
By default it seems that a random animation is used to animate the grid (either fadein, expand or roll in)
How can I achieve that only the “expand” animation for the grid is used?
Tkanks a lot
-k-
hi SuperK,
actually the animation could be controlled and manipulated via some very simple css rules from our advanced mode editor and could be easily adjusted to meet your needs.
Best regards and welcome onboard
Thanks Tipografo,
what css rules whould I need to applied to adjust the animations?
Is there a documentation available for this?
check your style.less file and look for this:
/**** Isotope CSS3 transitions ****/
right after it you’ll find the animation rules,
documentation is provided by the js plugin author:
http://isotope.metafizzy.co/docs/animating.html
Hello Tipografo,
I wasn’t successful in changing the animation, respectively using only one specific animation.
I assume the code needs to be adjusted within these lines:
.isotope {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
Not sure what needs to be changed though so only the animation is used that makes each post expand.
It would be great if you could give me a hint.
Thank you
-k-