Alle animaties hebben altijd class scrollshow nodig, deze krijgen automatisch een extra class shown als het element in beeld komt/is. De meeste animaties hebben bij weergave al een transform om ze te positioneren en wanneer ze in beeld komen en de class shown krijgen zal de transform gereset worden zodat ze naar hun originele plek gaan, voordeel hiervan is dat ze dan niet buiten de layout kunnen komen door de transform.

AANGEPAST: de class scrollshow is niet meer nodig en gaat nu op wildcard onshow-* dus zorg dat deze prefix altijd aanwezig is voor animaties!

Wat whitespace zodat ze buiten beeld vallen… scroll down.

scrollshow onshow-moveright-20

scrollshow onshow-moveleft-20

scrollshow onshow-moveup-20

scrollshow onshow-movedown-20

scrollshow onshow-moveright-40

scrollshow onshow-moveleft-40

scrollshow onshow-moveup-40

scrollshow onshow-movedown-40

scrollshow onshow-flipleft

scrollshow onshow-flipright

scrollshow onshow-flipy

scrollshow onshow-flipup

scrollshow onshow-flipdown

scrollshow onshow-flipx