Home Forums Weaver Xtreme Theme Moving Image

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #73604
    ROBIN
    Participant

    I have a client that is wanting me to duplicate the Van that is half way down this page on the right.  It is like it drives across the page.

    Is there a Plugin that might do something like that?

    I saw some CSS called Keyframes but I am not really sure how to implement that.

    The Website is:  Click here  

    JoelCarson.com

    Thanks for any help you can provide.

    #73605
    Weaver
    Keymaster

    I think that particular animation might be coming from Beaver Builder or some plugin for Beaver Builder.

    Otherwise, I don’t have any idea of how that was generated.

    #73607
    scrambler
    Moderator

    I believe it is simply using a CSS transition

    transition: all 0.3s ease-in-out;

    You can read how to animate objects using CSS transition online like below, It is pretty simple

    Using CSS transitions – CSS: Cascading Style Sheets | MDN (mozilla.org)

    CSS transitions and hover animations, an interactive guide (joshwcomeau.com)

    You can set two different positions for the objects using any CSS property that ca be transitioned, like padding.

    The transition in effect will create the animation between the two.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.