Flexslider and CSS animation

[ChrisB]

Hello All,

I have a flexslider with multiple slides. On the second slide I have a few divs that pop up into frame from the bottom through css animation.

The problem is I do not want the animation to trigger until the second slide is shown. Right now the animation happens once the page is loaded and the view never sees it. When they click to show the next slide the animation is over.

How can I get it to not start the animation until the second slide it active?

[Shikkediel]

You could extend the style’s selector that defines the animation with a class – then when the user clicks to see the next slide, apply that class to the element.

[Author]

Posts