header-logo
Aan de slagLees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.
Een website makenLees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.
Account en factureringBekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.
De mobiele Wix-apps gebruikenGebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.
Een domein koppelenLees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.
Je bedrijf beherenVind de juiste tools om je bedrijf te laten groeien: ontvang betalingen, bekijk analytics, leg contact met bezoekers, en meer.
Je website promotenLees hoe je je website promoot bij zoekmachines, e-mailcampagnes verzendt, en betaalde advertenties uitvoert.
Studio, Specialisten en EnterpriseHaal het meeste uit je Studio- en Wix Specialisten-account, zodat je je bedrijf op kan schalen.
Meer hulp nodig?Krijg informatie over de prestaties van je website en eventuele technische problemen. Houd aankomende functionaliteiten bij met onze Product Roadmap.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
In dit artikel
  • Een entree-animatie toevoegen
  • Een entree-animatie aanpassen
  • Een entree-animatie verwijderen

Studio Editor: Een entree-animatie toevoegen

In dit artikel
  • Een entree-animatie toevoegen
  • Een entree-animatie aanpassen
  • Een entree-animatie verwijderen
Het toevoegen van een entree-animatie aan een element is een goede manier om de aandacht van bezoekers erop te vestigen. De animatie verschijnt wanneer het element voor het eerst in beeld komt, dus het springt meteen in het oog. Er zijn veel soorten om uit te kiezen en aan te passen aan de exacte behoeften van je klant.
Een voorbeeld van een onderdeel op een live website, elk element met zijn eigen ingangsanimatie

Een entree-animatie toevoegen

Je kunt een entree-animatie toevoegen aan specifieke elementen en onderdelen, of aan de websitepagina als geheel.

Om een entree-animatie toe te voegen:

  1. Selecteer het element.
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Klik op het Animaties en effecten-tabblad.
  2. Klik onder Entree op + Toevoegen.
  3. Selecteer een animatie uit de lijst.
    Tip: Wijs animaties aan om een voorbeeld te zien van hoe ze eruit zien. 
  4. (Optioneel) Klik onderaan op Animatie aanpassen om instellingen zoals richting, vertraging en duur aan te passen.
Een GIF die laat zien dat wanneer je animatietypes aanwijst, je bij het bepalen van een animatie een voorbeeld ziet

Een entree-animatie aanpassen

Nadat je een animatie hebt gekozen, stel je deze in om zich te gedragen zoals jij dat wilt. Kies hoe lang de animatie duurt, wanneer deze begint, hoe intens het is en meer. 

Om een entree-animatie aan te passen:

  1. Selecteer het relevante element, onderdeel of pagina.
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Klik op het Animaties en effecten-tabblad.
  2. Klik op de animatie die je wilt wijzigen. 
  3. Klik op Animatie aanpassen om de instellingen te wijzigen:
    • Richting: Bepaal uit welke richting de animatie moet komen.
      Tip: Afhankelijk van het type animatie stel je de richting in graden in (bijvoorbeeld 180°) of kies je een optie uit een dropdownmenu (bijvoorbeeld van links, met de klok mee). 
    • Duur: Wijzig de duur van de animatie.
    • Vertraging: Stel de hoeveelheid tijd in tussen het laden van de pagina en het begin van de animatie. 
    • Schuiven: Kies hoe geleidelijk de animatie moet in- en/of uitlopen. 
Let op:
De beschikbare aanpassingsopties zijn afhankelijk van de animatie die je kiest.
Een screenshot met de beschikbare instellingen bij het aanpassen van een 'Reveal' entree-animatie

Een entree-animatie verwijderen

Je kunt een entree-animatie op elk moment verwijderen vanuit het Inspector-paneel. 

Om een entree-animatie te verwijderen:

  1. Selecteer het element.
  2. Klik rechtsboven in de Editor op het Inspector openen-pictogram.
Een screenshot van het openen van het Inspector-paneel in de Studio Editor.
  1. Klik op het Animaties en effecten-tabblad.
  2. Wijs de animatie aan en klik op het Meer acties-pictogram.
  3. Klik op Verwijderen.
Een screenshot die laat zien hoe je een animatie in de Inspector selecteert en deze verwijdert

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Unlock personalized helpLog in to get the most out of Helpmate.