Animation Effects Used on the Elements Demo

On this demo there’s a blue box with flying circles

Please - I’m just learning about Cornerstone – what elements did you use to achieve the effects?

Thank You!

Hi There,

That is the feature box element.

Most of the elemements which have the icon or graphic on top with text below with animation are feature boxes.

The ones which have the graphic on the left and text on the right are feature lists.

Other animations are done with column fade effect, on the column you can turn on fade toggle and select fade from top

Hope it helps!

OK – I think I just figured it out –

  1. add a row which adds a column
  2. add a graphic element
  3. work with the column FADE properties to manipulate the flow

https://www.laugh2healthy.com/maggie-hunts-speaker-2/
right? WHAT FUN :smile:

ALTHOUGH I don’t understand what “animation offset” does – changing the PX doesn’t seem to have an effect

Is there some documentation somewhere?

thank you! Having fun learning the great Cornerstone and already imagining myself purchasing a PRO sometime soon!

Hi There,

It lunches the animation based on the height of the column you have reached.

So if your column is 500px, and you add offset 400px it should launch when you have passed the 400px point.

Regarding PRO…I could not recommend more, it is pretty amazing the possibilities, especially with the new features released this week.

You will be able to build complex headers and footers and amazing websites with the great quality an great speed.

Hope it helps!

perfect explanation! thank you so much! :heart_eyes:

For sure I’ll try PRO as soon as stuff settles down and in the meantime – if you do a promo better than saving $20 on a 2-pack I’M ALL EARS :heart_eyes_cat:

Hi There,

Once you try the theme you will be more than convinced it was a great investment :slight_smile:

Have a great week!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.