Det er mange som blir «blendet» av animasjonseffekter og synes det ser veldig kult ut. Jeg er litt enig, samtidig som jeg tenker at det i mange tilfeller ikke gir noen ekstra verdi for den som besøker nettsiden.
Uansett så skal jeg vise deg hvordan du veldig enkelt kan legge inn animasjonseffekter på siden din 🙂
Igjen skal vi bruke utvidelsen «Kioken Blocks». Når du installerer denne, så vil du se at det dukker opp et felt i sidebaren på de aller fleste blokker. Alt fra vanlige avsnitt med tekst, til overkskrifter, til bilder, til kolonner osv. kan ha animerte effekter.
Her ser du et eksempel på en overskrift lagt i blokken «Omslag» hvor teksten er animert:
Velkommen
Her er eksempler på kolonner med animasjonseffekt:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus vestibulum sed arcu non. Massa sapien faucibus et molestie ac. Interdum varius sit amet mattis vulputate. Lacus sed turpis tincidunt id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus vestibulum sed arcu non. Massa sapien faucibus et molestie ac. Interdum varius sit amet mattis vulputate. Lacus sed turpis tincidunt id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus vestibulum sed arcu non. Massa sapien faucibus et molestie ac. Interdum varius sit amet mattis vulputate. Lacus sed turpis tincidunt id.
Som du ser, så har hver kolonne litt ulike effekter. Jeg vil ikke anbefale å gå helt bananas med innstillingene her, men du har en del å velge mellom. Klikk på de ulike variantene i sidebaren, og prøv deg frem med hastighet, rotasjon osv.
I videoen over, så har jeg lik innstilling på type animasjon, der er det kun forsinkelse(Delay) i millisekunder som er forskjellige. Da får du en 1-2-3 effekt som ser delikat og fin ut.
