Hoe de dia-animatie bij scrollen te gebruiken

The Box, of Jack In The Box, Creëert een overgangseffect dat een populaire grap speelgoedbeweging imiteert. Het begint met de centrale fade-in en gaat verder met schudden van de ene naar de andere kant.

Met het scharniereffect draait een element om of laat het kantelen met een plotselinge snelle beweging die stopt op het punt van een denkbaar scharnier. Deze natuurlijke overgang kan verrassing toevoegen aan de interactie in uw webdesign.

Flash-animatie, ook geassocieerd met knipperen, is ook populair om de aandacht van bezoekers te trekken. Het lijkt op een reeks fade-in en fade-out overgangen met het accent op de ondoorzichtige staat van het geanimeerde object of de tekst.

Het zoomeffect is de overgang van een geleidelijke verschijning terwijl de grootte van een element wordt gewijzigd. Het maakt het mogelijk om een element te sluiten bij het laden of scrollen van webpagina's.

Het Rotate-effect definieert een transformatie die een element rond een vast punt op de pagina roteert zonder de vervorming.

Het effect Fade is een stilistische overgang waarin een element, zoals een afbeelding, tekst of achtergrond, geleidelijk verdwijnt en weer op de webpagina verschijnt.

Gebruik het effect Bounce-animatie om het element naar beneden, naar boven en snel weer naar beneden te laten bewegen bij het scrollen op de pagina.

Pas het effect Flip toe om de semi-rotatie van een element te implementeren, waarbij u zowel de voor- als achterkant van het huidige element kunt zien. U kunt de flip-paal kiezen via de X-as of de Y-as.