Zoom effect op een achtergrond

Op bijna alle elementen in de SMART Webbuilder kan een effect geplaatst worden. Zo is het mogelijk om op een achtergrondafbeelding een effect te zetten. In deze tutorial laten we zien hoe je het zoom-effect op een achtergrondfoto van een hero blok plaatst.

Zo werkt het

  1. Sleep een hero blok op de pagina. Je vindt deze blokken in de categorie hero's.
  2. Klik op het lipje van het blok dat aan de rechterzijde verschijnt wanneer je met de cursor over het blok heengaat.
  3. Klik op de achtergrondafbeelding
  4. Je ziet in de bewerkingenbalk rechts bovenaan de naam van het element dat je hebt geselecteerd. Controleer of hier staat Achtergrond media. Als dit het geval is dan heb je ook daadwerkelijk de achtergrondafbeelding van het blok geselecteerd.
  5. Klik nu op het plus-icoon dat achter de effect functie staat. 
  6. Er verschijnt nu een pop-in. Vul de effect naam in.
  7. Geef bij duur op: 3000 ms
  8. Verander bij schaal het percentage naar 99%
  9. Klik op opslaan
  10. Scroll nu in de bewerkingenbalk rechts naar beneden tot je de functie schaal tegenkomt. (deze staat helemaal onderaan)
  11. Vul bij schaal een hoger percentage in dan 100%, dus bijvoorbeeld: 150%.
  12. Het effect is nu ingesteld en je kan deze nu bekijken middels de preview functie.