Transitions

Question 1 – I’m

adding

some

extra

text

to

make

the

arrow 

below 

fall 

below 

the 

fold 

so it will start drawing as the page scrolls up. For the arrows below, the one on the left will slide in going from right to left and the arrow on the right will change from black and white to green when the scroll gets below this spot.

 

All of these transitions can be from any direction, any color combination and could combine transitions. So the arrows below could slide up from the bottom and change from black to green in the same motion. These are also all doing a single transition. So the rubber band effect below will shrink and expand once and then stop. This could be repeated so it does it more often or continually.

Answer 1 – this text is using a fade in left – the text should be transparent and become more visible as it slides in from the right side to the left. 

This could also slide right, up or down.

 

Verse 1 – this is a flip left – 
the text should flip. This can also be from the right, top or bottom
Question 2 – the arrow above is brought in from the right to the left. Unlike the fade version a little bit higher, this is always visible and just does the move.

Answer 2 – the above arrow is a rubber band effect. Essentially it gets skinnier and then fatter again

Verse 2 – the blue arrow above is doing a zoom in effect. When the scroll gets to this spot it will zoom the arrow from essentially nothing to it’s full size.

Question 3 – 
this text has a rotate affect applied. It will start crooked and rotate to flat.

Answer 3

Verse 3 – the blue arrow below is doing a shake effect. Fairly straight forward


Verse 3

Question 4 – similar to the zoom- this will go from not visible to full size, but comes up from the bottom rather than zooming out from the middle

Answer 4 – the arrow below will draw as the scroll takes place. This can be started at different heights so it starts to draw the moment the arrow can be displayed. It is currently undrawing it as the page scrolls up, but this can also be changed. It could also be filled once it is complete, but the fill can’t happen until after the draw is done, otherwise it feels really strange.

 

Verse 4