HM
Animation Combo
main text-scroll
1type effect chars(short title) words(long title) lines(body)
lorem ipsum dolor sit amet scroll-1
lorem ipsum dolor sit amet scroll-2
lorem ipsum dolor sit amet scroll-3
main dom-scroll
1type effect dom=document object model
dom-sr-s
dom-sr-g-s d-g-m-s
tl-sr-dom-w 2type animation same timeline scrub
tl-sr-dom-tx-w text + dom animation same timeline scrub
lorem ipsum dolor sit amet
parallax
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mollis ex at orci posuere, id viverra velit pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce fermentum, erat sed lacinia vehicula, nulla sapien accumsan nunc, vitae posuere sapien libero ac metus.
reset animation on re-enter
main text-trigger
same effect as scrolling
chars(short title) words(long title) lines(body)
lorem ipsum dolor sit amet trigger-1
lorem ipsum dolor sit amet trigger-2
lorem ipsum dolor sit amet trigger-3
reset animation on re-enter
main dom-trigger
same effect as scrolling
dom=document object model
dom-tr-s
dom-tr-g-s d-p-m-s
tl-tr-dom-w 2type animation same time line tigger
tl-tr-dom-w text max dom animation same time line tigger
lorem ipsum dolor
sit amet
Pin animation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mollis ex at orci posuere, id viverra velit pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce fermentum, erat sed lacinia vehicula, nulla sapien accumsan nunc, vitae posuere sapien libero ac metus.
Lorem ipsum2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mollis ex at orci posuere, id viverra velit pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce fermentum, erat sed lacinia vehicula, nulla sapien accumsan nunc, vitae posuere sapien libero ac metus.
Lorem ipsum3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mollis ex at orci posuere, id viverra velit pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce fermentum, erat sed lacinia vehicula, nulla sapien accumsan nunc, vitae posuere sapien libero ac metus.