Hoe leuk is het wanneer je een aantal USP’s / voordelen van een onderneming, één voor één kan laten oplichten? In Divi kan dit op sectie, rij, kolom en element niveau en zlefs voor Tablet en Mobiel kan je eigen effecten instellen zodat de beleving altijd goed, en dit zonder 1 regel code css. Dit vind ik een sterk punt van de Divi!
Zo doe je dat
Stap 1: Maak een voordeel / USP element met een Blurb (dit element kan je kiezen in het elmenten overzicht dat verschijnt als je op een grijs plusje klikt)
Stap 2: Kies een leuk icoon en voeg een titel toe. Bij het tabje instellingen zet je het icoon uitlijnen links. En stel je het gewenste lettertype in voor de titeltekst.
Stap 3: Dupliceert deze Divi Blurb drie keer door op het dupliceren icoon te klikken.
Stap 4: Ga nu naar het onderdeel animatie
Stap 5: Stel nu bij animatie in dat het eerste Blurb element met een vervaag effect verschijnt na 100ms, stel in dat de tweede Blurb element verschijnt na 500 ms, en het derde Blurb element verschijnt na 900 ms.
Je kunt ook doen dat een Blur element van links naar rechts inschuift. En het tweede en derde ook van links naar rechts in inschuiven. Timing van inschrijven kun je aanpassen net als bij bovenstaande opties.
Wat creatief kan zijn, is dat je bijvoorbeeld zes USP’s hebt en dat de eerste drie link staan en de tweede drie rechts. En dat ze in de desktop weergave een voor één naar elkaar toe toeschuiven. Op die manier kun je voordelen leuker presenteren en doet dat iets met de beleving van de bezoeker. Voor mobiel zou ik dan andere motion effecten kiezen. Bijvoorbeeld alleen verschijnen zoals beschreven in stap 4 en 5
Voor de mobiele weergave kies je eerst het effect vervagen, daarna klik je het en bij de settings van animatie eerst op het mobile icoontje en daarna kan je de tijd instellen hoelang de animatie duurt. En bij het tweede onderdeel animatie klik je ook op het mobile icoontje en stel je in hoelang het duurt voordat het element verschijnt. Ik heb gekozen voor 500ms.
Ik heb dit getest met Divi versie: 4.27.4
