Page Load Animation

HomePage Forums Evolutive2 Page Load Animation

This topic contains 4 replies, has 2 voices, and was last updated by  SuperK 10 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 24, 2012 at 2:15 pm #8708

    SuperK
    Member

    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-

    May 25, 2012 at 9:46 am #8712

    Tipografo
    Key Master

    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 :)

    May 25, 2012 at 4:04 pm #8714

    SuperK
    Member

    Thanks Tipografo,
    what css rules whould I need to applied to adjust the animations?
    Is there a documentation available for this?

    May 25, 2012 at 7:14 pm #8718

    Tipografo
    Key Master

    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

    July 6, 2012 at 12:07 pm #9436

    SuperK
    Member

    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-

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.