How to replicate movement

[Jen Shea]

Hi There,

Forgive my limited knowledge… not sure what to call this ( 😉 :pinch: )

On the demo site, for example on the ‘Landing Page Template’, what would I look for to replicate the movements (for example, as I scroll down on the landing page, different things move in and around. I’d like to know a) what this is called (or referred to) and how can I duplicate that on a landing page?

http://demo.styledthemes.com/demos/flat-responsive/pages/landing-page-template/

Thank you!!

Jen

[Shekhar Bhandari]

Hi Jen,

That is called scroll movement and it comes in action when you scroll. So to use this you should called a class “wow” and choose animation from this link http://daneden.github.io/animate.css/

For example you want to apply a efffect to a h1 use like this

Test Text

Thanks.

[Jen Shea]

Hello and thank you.

I’m afraid I don’t understand your instructions… not sure what an ‘h1’ is… ?

I’ll check out the link and if that doesn’t help, I’ll come back.

Thank you.

[Jen Shea]

Hello,

Can you Please explain where these “scroll movements” are placed, in order for them to work? I have tried putting them on (in) the pages, but nothing is happening… (under the text tab).

Is there somewhere else it should be put it, for it to work?

Thank you.

[Shekhar Bhandari]

Hi Jen,

You can view this tutorial http://www.josebrowne.com/open/tutorial-easy-css-animations-with-animate-css

Thanks.

[Jen Shea]

Thank you… I was looking around trying to find a tutorial on their site.

[Author]

Posts