Menu icon Foundation
Chained Animations?

Hi there,

I am trying to chain 2 animations in the templates.

Right now the whole pane animates in (including image and text)

Basically I want the first pane with the image to come in first.
followed by the text after about 2 seconds or so from the right?

Here is a link:
http://www.sidecaragency.com/ffa/#!/itemTwo

Is this possible using foundation for apps?

-thanks

animationsFoundationapps

Hi there,

I am trying to chain 2 animations in the templates.

Right now the whole pane animates in (including image and text)

Basically I want the first pane with the image to come in first.
followed by the text after about 2 seconds or so from the right?

Here is a link:
http://www.sidecaragency.com/ffa/#!/itemTwo

Is this possible using foundation for apps?

-thanks

Rafi Benkual over 3 years ago

As far as I know, there might be a way to do this in Angular. I don't know what it would be.
I do know there's nothing out of the box in the framework to do it.

Ken Mau over 3 years ago

I see. Thank you. I will do some a bit more research or maybe just use CSS transitions.

amesin 2 months ago

There are numerous ways to chain the animations - there's the clean CSS way, using -webkit-animation-delay, where you describe multiple animations and express the browser when to twitch them, e.g.

-webkit-animation: First 1s, Second 2s;

-webkit-animation-delay: 0s, 1s;

/* or -moz etc.. instead of -webkit */

For more information visit: https://vidnado.com.au/