Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 29, 2015 at 2:29 pm #526766
    sitesme

    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

    October 30, 2015 at 10:58 pm #527746
    Josue

    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

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