Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #526766

    Hi,

    Is it possible to have the text boxes, icon boxes and other elements showing up with an animation like the image element for exemple which can appear from right to left or as a popup effect?

    Please see a live website below (in private) with an example of the text popping up.

    Thank you

    #527746

    Hi!

    Enable custom classes for elements and set the following classes to the element you want to affect:

    animated_element avia_animate_when_almost_visible
    

    Then add this to Quick CSS / child style.css:

    .avia_transform .animated_element{
      opacity: 0.1;
      -webkit-transform:scale(0.7);
      -ms-transform:scale(0.7);
      transform:scale(0.7);
    }
    
    .avia_transform .avia_start_animation.animated_element{
      -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
      animation:         avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
      opacity: 1;
      -webkit-transform:scale(1);
      -ms-transform:scale(1);
      transform:scale(1);
    }

    Regards,
    Josue

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