1. Huis
  2. Kenmerken
  3. Animatie-effecten
  4. Animatie Op Scroll

Hoe de animatie bij scrollen in webdesign te gebruiken?

De Animation On Scroll is het basiseffect van het laden en scrollen van webpagina's. U kunt het toevoegen door een element te selecteren en vervolgens naar het eigenschappenvenster te gaan. Klik op de link On Scroll en vink het selectievakje Animatie aan. Selecteer een voorinstelling en pas indien nodig het effect bij scrollen aan. Voorbeeld om de animatie op scroll-effect te zien.
Download voor Windows Download voor Mac
Animatie op scroll

Bladeren op functiecategorieën

Webpagina-elementen
Ondersteunde systemen
Visuele pagina-editor
Ontwerp elementen
Mediabibliotheken
Elementeigenschappen
Snel reagerend
Animatie-effecten
Thema instellingen
Contact Formulier
Kop- en voettekst
Blog
E-commerce
SEO
Aangepaste code
Toepassingsfuncties:
Site- en pagina-eigenschappen
WordPress-widgets

Animatie-effect vervagen

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

Dia-animatie-effect

Voeg het effect toe als u wilt dat uw element bij het laden of scrollen van de pagina geleidelijk van het ene punt naar het andere in een bepaalde richting gaat.

Zoomanimatie-effect

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.

Animatie-effect omdraaien

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.

Bounce-animatie-effect

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.

Animatie-effect roteren

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

Box animatie-effect

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.

Flash-animatie-effect

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.

Scharnier animatie-effect

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.

Company
Product
Themes & Templates
Nicepage
Web Design