WordPress.org

Ready to get started?Download WordPress

Forums

The Welcomizer
[resolved] Animation with more than 2 moves (4 posts)

  1. Bozz
    Member
    Posted 2 years ago #

    Hi! I'm curious if there is a straightforward way to make an animation have more than 2 moves? I'm trying to do sort of a swaying leaf effect with one image as it falls to the ground. Any ideas? Thanks!

    http://wordpress.org/extend/plugins/the-welcomizer/

  2. Sebastien Laframboise
    Member
    Plugin Author

    Posted 2 years ago #

    Hello,

    Simply wrap your image with as many div as you need. Each one having it's own animation.

    <div id="anim-effect-1">
        <div id="anim-effect-2">
            <div id="anim-effect-3">
                [YOUR-IMAGE]
            </div>
        </div>
    </div>

    Possibilities are very interesting this way.

  3. Sebastien Laframboise
    Member
    Plugin Author

    Posted 2 years ago #

    anim-effect-1 would be the id that goes from top to bottom.
    anim-effect-2 would be the id that goes from left to right(repeated)
    anim-effect-3 could be the id that has a rotation effect.

    And the image id is also available for a fading effect by example.

    When I create animations as this one, I normally configure one animation at a time, I adjust them, and after I call them Manually, when needed.

    Also, If what you need to do can't be done in one animation panel. Simply create 2 animations. By example, if you need to put some JavaScript 'OnReady' and also 'After the delay'. I used to put all JavaScript 'OnReady' code onto a parent div id.

  4. Bozz
    Member
    Posted 2 years ago #

    Aha! Thank you for the clear explanation, it all makes sense now. Fantastic support!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags