Website-animatie

Website-animaties kunnen worden gebruikt om visuele effecten toe te voegen tijdens het laden van de pagina, zoals infaden, uitfaden, verkleinen en andere. Dit voegt een flair toe aan uw website wanneer de gebruiker door de pagina's scrolt.

U kunt verschillende animatiestijlen selecteren voor verschillende elementen van uw website.

In dit artikel:

  1. Website-animatie
  2. Website-elementen
  3. Animatiestijlen
  4. Snelheid animatie

Website-animatie bewerken

Animaties kunnen een website visueel interessant maken en alle elementen die op de website aanwezig zijn tot leven brengen. Ze creëren een meer boeiende en meeslepende ervaring voor gebruikers.

Hier ziet u alle beschikbare instellingen om animaties voor uw website-elementen te beheren en aan te passen.

Tips

  • Standaard Omhoog schuiven animatie zal worden toegepast op de gehele website.
  • Selecteren Geen als u de animaties wilt uitschakelen.


Verschillende website-elementen

Met Pixpa kunt u animaties toepassen op de volgende elementen van uw website:

  1. Afbeeldingen: Voeg beweging toe aan uw afbeeldingen om de aandacht van bezoekers te trekken.
  2. Kop H1: Gebruik animaties om hoofdkoppen te laten opvallen.
  3. Koppen H2: Voeg subkoppen of kleinere titels toe om de leesbaarheid van uw content te verbeteren.
  4. Tekst: Breng uw content tot leven door alinea's en beschrijvingen te animeren.
  5. Knoppen: Accentueer uw call-to-action-knoppen met opvallende effecten.

Zorg ervoor dat u op de knop Publiceren (6) klikt om alle wijzigingen op te slaan en live op de website te zetten.


Animatiestijlen

  1. Infaden -  Geeft geleidelijk elementen weer door de dekking te vergroten van transparant naar ondoorzichtig.
  2. Schuif omhoog - Soepele beweging van elementen op het scherm van een lagere positie naar een hogere positie.
  3. Vergroot - Vergroot geleidelijk de grootte of schaal van een element.
  4. Verkleinen – Verkleint geleidelijk de grootte of schaal van een element.
  5. Onthullen - Geleidelijk onthullen of onthullen van de elementen op het scherm.

Note

Selecteer 'Geen' om de animatie voor dat specifieke element uit te schakelen.


Snelheid animatie

De snelheid waarmee een animatie overgaat van de ene toestand naar de andere. Het bepaalt hoe snel of langzaam de geanimeerde veranderingen op het scherm plaatsvinden.

Je hebt de keuze uit drie opties: Langzaam, Gemiddeld en Snel.

Note

Als u een oude sjabloon gebruikt, ziet u de optie 'Animatie' mogelijk niet. U moet de website overzetten naar een nieuwe sjabloon. Meer informatie


Bekijk de Slide Up Animation live in actie:


Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.

Pixpa Studio is onlangs vernieuwd. We werken momenteel alle schermafbeeldingen in de helpartikelen bij.