Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 22, 2020 at 6:43 pm #1215299
    pepin

    Hi there,

    Is there a way to add animation to a div tag in a custom page template.from bottom to top. I know I can do for the content elements but wondering if it can be done for a div tag or a color section.

    I have added the css styles to div tag like below

    
<div class="av-animated-generic bottom-to-top avia_start_animation avia_start_delayed_animation " style="border-radius:0px; ">
content goes here
</div>

    Thanks and appreciate it

    • This topic was modified 4 years, 5 months ago by pepin.
    May 25, 2020 at 10:30 pm #1216305
    pepin

    Can someone please update on this. I am still waiting to hear back. Appreciate it

    May 27, 2020 at 2:36 pm #1216961
    Ismael

    Hi,

    Thank you for the inquiry.

    You should remove the avia_start_animation class name because it will be automatically added once the element is visible in the view port.

    
<div class="av-animated-generic bottom-to-top avia_start_delayed_animation " style="border-radius:0px; ">
content goes here</div>

    Best regards,
    Ismael

    May 28, 2020 at 4:29 pm #1217412
    pepin

    Thank you Ismael. That worked great. Appreciate it

    May 29, 2020 at 12:30 pm #1217667
    Ismael

    Hi,

    You’re very welcome! Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to add Animation to a div tag from bottom to top’ is closed to new replies.