Animation text on slides

  • Resolved Bloke

    (@bloke)


    2 years, 5 months ago

    If there is animated text on the first slide, is it possible to have animation on every slide and load when each slide appears? Currently when the next slide comes up the animation has completed.

    • This topic was modified 2 years, 5 months ago by Bloke.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author wpsoul

    (@wpsoul)

    Yes, because your slide is in view. There is the possibility to use animations on slide trigger, but it’s tricky.

    In Advanced – CSS transition, add animation as Hover (for example, opacity 0 in initial and opacity 1 in Hover state), then, in Hover state, set and enable transition class swiper-slide-active

    This way, CSS transition will work when slide is active.

    Hi:

    Trying to get this to work – want to animate a text block in a second, third and fourth slide. Just want the blocks to fade in. )

    Where is “Advanced CSS Transition”? There’s Advanced > CSS > Additional CSS Classes – is that what you mean? I don’t see an option labeled “CSS Transition” anywhere.

    And where specifically do you add class “swiper-slide-active” – do you mean to the specific SLIDE or to the BLOCK within the slide that I’m trying to animate? Or to the entire Slider? Or somewhere else?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Animation text on slides’ is closed to new replies.