On load fade animated section
‘animate’ applied to class of either individual element or group/column(s) etc.
Fade top example heading – on-scroll–top
Delay examples below, which can be applied up to 1.6s (1600ms), units are given in ms.
on-scroll–top delay-200
Fade from top on scroll, with 200ms delay. Applied to Column.
on-scroll–top delay-400
Fade from top on scroll, with 200ms delay. Applied to Column.
on-scroll–top delay-600
Fade from top on scroll, with 200ms delay. Applied to Column.
on-scroll–top delay-800
Fade from top on scroll, with 200ms delay. Applied to Column.
Co Nunc at hendrerit est. Quisque id mi congue, accumsan tortor a, tincidunt nunc. Praesent suscipit mauris a egestas imperdiet. Morbi sollicitudin purus nisl, non ultricies eros tincidunt vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget consequat magna, in tincidunt eros. Proin et semper ligula, a maximus nunc.
Co Nunc at hendrerit est. Quisque id mi congue, accumsan tortor a, tincidunt nunc. Praesent suscipit mauris a egestas imperdiet. Morbi sollicitudin purus nisl, non ultricies eros tincidunt vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget consequat magna, in tincidunt eros. Proin et semper ligula, a maximus nunc.
on-scroll–left delay-200
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nisl dui. Phasellus scelerisque sagittis lorem in hendrerit. Aliquam faucibus auctor nisi et laoreet. Duis facilisis luctus lorem at iaculis.
on-scroll-right delay-800