Hvordan legge inn animasjonseffekter?

Hvordan legge inn animasjonseffekter?

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 🙂

Animator fra Kioken Blocks

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.

WP Basis + VIP tilbud i mai!

Kjøper du WP Basis kurset før 1. juni får du VIP medlemskap gratis den første måneden, deretter kun kr 599,- ink.mva pr mnd. Prisen låses så lenge du er aktiv medlem.

Fra 1. juni går prisen opp til kr 999,- pr mnd, men kun for nye medlemmer.

Skriv en kommentar

Din e-postadresse vil ikke bli publisert.

Dette nettstedet bruker Akismet for å redusere spam. Lær om hvordan dine kommentar-data prosesseres.

Ikke gå glipp av nyheter fra WP Skolen

Du vil motta e-post fra oss når vi har nye blogginnlegg, nyheter eller tilbud som vi tror vil være av interesse for deg. Du kan melde deg av når du vil!

Tilbakestill passord

Gjenopprett passordet ditt

En link for å gjenopprette passord vil bli sendt deg på e-post.

Tilbake