Samenvatting
Naast de ingebouwde scroll-effecten (zoals infaden, inschuiven en in-/uitzoomen) kun je in Mach3Blocks ook je eigen effecten ontwerpen en hergebruiken. Je geeft zo'n effect een naam en een begin-stijl: het element start dan in die begin-stijl en animeert naar zijn normale opmaak zodra het in beeld scrollt. Je zelfgemaakte effecten verzamel je onder Mijn effecten, zodat je ze op meerdere elementen kunt toepassen.
Hoe werkt het
Ingebouwd of zelfgemaakt?
- Ingebouwde scroll-effecten — kant-en-klare animaties (infaden, inschuiven, in-/uitzoomen) die afspelen zodra een element in beeld komt. Zie Scroll-effecten en parallax.
- Eigen effect — je bepaalt zelf hoe het element aan het begin oogt en waar het naartoe animeert. Handig als de standaard-effecten niet het gewenste resultaat geven.
Een eigen effect maken
- Kies Effect toevoegen en geef het effect een Effectnaam (zo herken je het later terug).
- Stel de begin-stijl in: de opmaak van het element aan het begin van het effect (bijvoorbeeld doorzichtig, kleiner of verschoven). Bij het afspelen beweegt het element van die begin-stijl naar zijn normale opmaak.
- Stel eventueel de overgang in (vertraging, duur en timing) — hoe snel en soepel de animatie van de begin-stijl naar de normale opmaak verloopt.
Het effect start automatisch zodra het element in beeld komt tijdens het scrollen. Nadat je het effect op een element hebt toegepast, kun je bij dat element ook Effect terugkeren aanzetten: dan speelt het effect terug wanneer de bezoeker weer omhoog scrolt.
Mijn effecten: hergebruiken en beheren
Je zelfgemaakte effecten staan bij elkaar onder Mijn effecten. Van daaruit pas je hetzelfde effect toe op andere elementen. Je kunt een effect bewerken (Effect bewerken) of verwijderen (Effect verwijderen, met bevestiging).
Wanneer gebruik je dit
- De ingebouwde effecten passen niet en je wilt een eigen beweging (bijvoorbeeld een specifieke combinatie van verschuiven en faden).
- Je wilt exact hetzelfde effect consistent op meerdere elementen of pagina's toepassen.
Welke rechten nodig
- Toegang tot de editor (en het thema/de opmaak van je website).
Waar klik je precies
- Selecteer het element dat je een effect wilt geven en open de effect-instellingen.
- Kies Effect toevoegen en vul een Effectnaam in.
- Stel de begin-stijl in (hoe het element bij de start oogt) en de overgang (timing), en bewaar.
- Het effect staat nu onder Mijn effecten; kies het om het op dit element toe te passen (en later ook op andere elementen). Zet bij het element eventueel Effect terugkeren aan.
- Publiceer en controleer op de live website of het effect afspeelt zodra het element in beeld komt.
Praktijkvoorbeelden
Voorbeeld 1 — subtiel opkomen. Je wilt dat een blok-titel licht van onderen omhoog schuift én tegelijk infadet. Je maakt een eigen effect met een begin-stijl die transparant en iets verschoven is; bij het in beeld komen animeert de titel naar zijn normale, zichtbare positie.
Voorbeeld 2 — consistent hergebruik. Je hebt drie secties die op dezelfde manier moeten verschijnen. Je maakt het effect één keer, geeft het een duidelijke naam, en past het via Mijn effecten toe op alle drie de secties.
Veelgemaakte fouten
- Effect speelt niet af in de editor: effecten worden getriggerd door scrollen op de live website; controleer het resultaat daar of via de preview.
- Te veel of te heftige effecten: houd het subtiel — te veel beweging leidt af en oogt onrustig.
- Effect niet terug te vinden: geef elk effect een duidelijke Effectnaam, dan vind je het makkelijk terug onder Mijn effecten.