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:
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.

- Klik op de Animatie (3) optie.

Hier ziet u alle beschikbare instellingen om animaties voor uw website-elementen te beheren en aan te passen.
Verschillende website-elementen
Met Pixpa kunt u animaties toepassen op de volgende elementen van uw website:
- Afbeeldingen: Voeg beweging toe aan uw afbeeldingen om de aandacht van bezoekers te trekken.
- Kop H1: Gebruik animaties om hoofdkoppen te laten opvallen.
- Koppen H2: Voeg subkoppen of kleinere titels toe om de leesbaarheid van uw content te verbeteren.
- Tekst: Breng uw content tot leven door alinea's en beschrijvingen te animeren.
- 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
- Infaden - Geeft geleidelijk elementen weer door de dekking te vergroten van transparant naar ondoorzichtig.
- Schuif omhoog - Soepele beweging van elementen op het scherm van een lagere positie naar een hogere positie.
- Vergroot - Vergroot geleidelijk de grootte of schaal van een element.
- Verkleinen – Verkleint geleidelijk de grootte of schaal van een element.
- Onthullen - Geleidelijk onthullen of onthullen van de elementen op het scherm.

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.
Bekijk de Slide Up Animation live in actie:
