Samenvatting
Een effect laat een element bewegen op het moment dat de bezoeker het in beeld scrollt. Het veld Effect heeft zeven vaste bewegingen, plus je eigen effecten.
Het woord effect betekent hier dus beweging. Een schaduw, een filter of een vergroting is geen effect maar een opmaakeigenschap. Lees Schaduw, Filter of Transformatie.
Het veld staat op het tabblad Instellingen en hoort bij een element. Twee velden eronder bepalen wanneer het effect begint en of het zich herhaalt.
Wanneer gebruik je dit?
Je gebruikt dit als je pagina zich rustig moet opbouwen terwijl de bezoeker naar beneden scrollt. Elke sectie komt dan binnen op het moment dat zij in beeld komt.
Je komt hier ook als je het verschil met een overgang wilt weten. Een effect start bij het scrollen, een overgang bij het aanwijzen. Lees Overgangen.
Zoek je een beweging voor een heel blok of voor een achtergrond, dan is dit het verkeerde veld. Lees Scrollsnelheid.
Hoe werkt dit in Mach3Blocks?
Je selecteert een element in het canvas. Daarna open je rechts in het instellingenpaneel het tabblad Instellingen. Daar staan drie velden bij elkaar.
De keuzelijst Effect staat bovenaan die drie. Zolang je niets kiest, staat er Geen en gebeurt er niets.
Wat een effect met je element doet
Elk van de zeven bewegingen begint met een onzichtbaar element. Daarna beweegt je element in een seconde naar zijn gewone opmaak en zijn gewone plaats.
Die seconde ligt vast. Er is geen veld waarmee je hem korter of langer maakt.
Wil je een andere duur, of een andere beginstand, dan maak je een eigen effect. Lees Eigen effecten beheren.
Het verschil met een overgang
| Effect | Overgang | |
|---|---|---|
| Wanneer het speelt | als je element in beeld scrollt | bij aanwijzen of een andere status |
| Waar je het instelt | op het tabblad Instellingen | op het tabblad Overgangen |
| Herhaalt het zich | alleen met Effect terugkeren aan | elke keer dat de status wisselt |
| Bij welke selectie | bij een element, niet bij een blok | bij een element met een tweede status |
Je eigen effecten in dezelfde lijst
Heeft je website eigen effecten, dan staan die onder de kop Mijn effecten in dezelfde keuzelijst. Je kiest ze daar net als een vaste beweging.
Naast het veld staat een blauwe plusknop met de naam Effect toevoegen. Die knop bestaat alleen binnen een website.
Wat je in de editor ziet
Een effect speelt ook in de editor mee. Dat betekent dat je element in het canvas onzichtbaar is zolang het effect niet is gestart.
Scroll je in het canvas naar je element, dan komt het tevoorschijn. Het eindresultaat bekijk je in de voorvertoning. Lees Website voorvertonen.
Overzichtstabel met opties, waarden en standaard
De acht keuzes van het veld Effect
| # | Keuze | Hoe je element begint | Waar het naartoe beweegt |
|---|---|---|---|
| 1 | Geen | er is geen effect, je element staat er gewoon | niets |
| 2 | Infaden | onzichtbaar | zijn gewone opmaak |
| 3 | Inschuiven van links | onzichtbaar en 200 pixels naar links verschoven | zijn gewone plaats |
| 4 | Inschuiven van rechts | onzichtbaar en 200 pixels naar rechts verschoven | zijn gewone plaats |
| 5 | Inschuiven van boven | onzichtbaar en 200 pixels omhoog verschoven | zijn gewone plaats |
| 6 | Inschuiven van onder | onzichtbaar en 200 pixels omlaag verschoven | zijn gewone plaats |
| 7 | Inzoomen | onzichtbaar en op een honderdste van zijn grootte | zijn gewone grootte |
| 8 | Uitzoomen | onzichtbaar en op het dubbele van zijn grootte | zijn gewone grootte |
De keuze Geen is de standaardtekst van de lijst en niet een beweging. Onder deze acht staat de kop Mijn effecten, met je eigen effecten eronder.
| Onderdeel | Wat erin staat | Bijzonderheden |
|---|---|---|
| Mijn effecten | de effecten die je zelf voor deze website hebt gemaakt | de kop staat er alleen als er zo'n effect is |
De twee velden onder het effectveld
| Veld | Soort | Waarden | Standaard | Bijzonderheden |
|---|---|---|---|---|
| Effect start | getal met de eenheid procent of px | geen ondergrens en geen bovengrens | leeg, met procent als eenheid | achter het veld staat een informatieknop met de uitleg van het platform zelf |
| Effect terugkeren | aankruisveld | aan of uit | uit | laat je effect opnieuw spelen zodra je element weer in beeld komt |
Wanneer het effect begint
| Wat je invult bij Effect start | Wanneer het effect begint |
|---|---|
| niets | zodra de bovenkant van je element halverwege het beeld staat, of zodra je hele element in beeld staat |
| een percentage | zodra de bovenkant van je element op die hoogte boven de onderkant van het beeld komt |
| een aantal pixels | zodra de bovenkant van je element dat aantal pixels boven de onderkant van het beeld komt |
Vul je een waarde in, dan vervalt de tweede helft van de eerste regel. Het hele element hoeft dan niet meer in beeld te staan.
Geen van de drie velden heeft een schermgrootteknop. Er is dus geen waarde per schermgrootte.
Aanbevolen instelling
Er is geen effect dat overal past. Wat hieronder staat, is wat het platform zelf doet zolang je niets kiest.
| Veld | Standaardwaarde |
|---|---|
| Effect | Geen, dus geen beweging |
| Effect start | leeg, dus de standaardregel |
| Effect terugkeren | uit, dus je effect speelt een keer |
Laat je Effect start leeg, dan bepaalt het platform het startmoment zelf. Dat is de regel uit de tabel hierboven.
Die regel staat ook achter de informatieknop bij Effect start. Het platform geeft verder geen advies over welke beweging je kiest.
Voorwaarden en rechten
Voor deze drie velden is geen recht nodig. Wie de website in de editor kan openen, kan een effect kiezen en weer weghalen.
Het tabblad Instellingen vraagt zelf ook geen recht. Dat is anders dan bij het tabblad Opmaak, waar het recht Websites/presentaties stijlen voor nodig is.
Op je live website speelt je effect pas nadat je opnieuw publiceert.
Gevolgen bij verkeerd instellen
Staat je element al bij het openen van de pagina in beeld, dan speelt het effect meteen af. De bezoeker ziet de beweging dan misschien niet.
Zet je Effect terugkeren aan, dan speelt de beweging elke keer opnieuw. Bij een pagina waarop de bezoeker heen en weer scrollt, wordt dat onrustig.
Een effect is niet per schermgrootte uit te zetten. De beweging die je op een breed scherm kiest, speelt ook op een telefoon.
| Wat je wilt | Kan het |
|---|---|
| Een effect bij een blok | Nee, kies dan de scrollsnelheid van dat blok |
| Een andere duur dan een seconde | Nee, maak daarvoor een eigen effect |
| Een effect uitzetten op een klein scherm | Nee, er is geen waarde per schermgrootte |
| Twee bewegingen tegelijk op een element | Nee, het veld neemt een keuze |
| Een effect op een element in een carrousel | Nee, daar staat het veld niet |
| Een eigen effect in een andere website gebruiken | Nee, een eigen effect hoort bij een website |
Kopieer je een blok met een eigen effect naar een andere website, dan raakt dat blok zijn effect kwijt. Lees Eigen effecten beheren.