Slik bruker du animasjoner på Nettsidebygger-siden din

Vil du gi nettsideinnholdet ditt et visuelt løft? Prøv å legge til animasjoner på nettsiden din!

Med animasjoner kan du gi Nettsidebygger-siden din liv med engasjerende visuelle effekter. Åpne bare innstillingene for en komponent, velg en animasjonseffekt og forhåndsvis den umiddelbart. Hver komponent kan ha sin egen animasjon, som du kan tilpasse til din stil – noe som gir deg utallige måter å legge til et personlig preg og få nettsiden din til virkelig å skille seg ut.


Hvorfor bør jeg bruke animasjoner på nettsiden min?

Animasjoner kan brukes på ulike måter og til mange formål. Du kan bruke dem til å trekke oppmerksomhet mot bestemte elementer eller oppmuntre til interaksjon med innhold (for eksempel knapper eller lenker til sosiale medier). Du kan også bruke dem kreativt for å gjøre innholdet på nettsiden mer levende og engasjerende. Uansett tilnærming er animasjoner et kraftig verktøy for å skape en personlig og profesjonell nettside.

Vil du se noen av effektene i bruk? Ta en titt på GIF-en nedenfor. På denne nettsiden har vi lagt til ulike effekter på tekster, knapper og containere.

GIF som viser en nettside med animasjoner lagt til i forhåndsvisningen.

Legg til animasjoner i Nettsidebygger-komponentene dine

Du kan legge til animasjoner i følgende komponenter i Nettsidebygger:

  • Tekst
  • Bilder
  • Bokser og beholdere
  • Knapper
  • Ikoner
  • Ikoner for sosiale medier
  • Logoer

Du får tilgang til animasjonsinnstillingene ved å klikke på Rediger som vises øverst eller nederst på en komponent når du klikker på den. 

Her er et eksempel der vi legger til animasjonseffekter i et stykke tekst:

  1. Velg komponenten og klikk på Rediger tekst øverst eller nederst på den.
  2. Klikk på Animasjon i den flytende menyen.
  3. Skyv knappen for Legg til animasjoner til PÅ.
  4. Under Animasjonseffekt kan du velge en effekt fra nedtrekksmenyen. Velg mellom Fade inn, Skyv inn eller Sprett.
  5. Hvis du velger Fade inn eller Skyv inn, får du også muligheten til å velge en Animasjonsretning. Dette er retningen animasjonen kommer inn på skjermen fra. Fra nedtrekksmenyen kan du velge mellom fra midten, toppen, bunnen, venstre eller høyre.
  6. Du kan velge hastighet på animasjonen. Den kan være rask (300 ms), middels (600 ms) eller treg (1000 ms).
  7. Velg om det skal være en forsinkelse, og i så fall hvor lang den valgte forsinkelsen skal være.
  8. Lagre endringene dine og sjekk animasjonen i Forhåndsvisning. Den vil ikke spilles av i editoren.
  9. Gjenta prosessen ovenfor med andre komponenter der du vil legge til animasjoner.

Merk: En animasjon spilles bare én gang per sideinnlasting. Det betyr også at den ikke vises på nytt hvis en besøkende blar tilbake på siden.

Skjermbilde som viser egenskapspanelet og den flytende menyen til en komponent. Den flytende menyen har animasjonsmenyen åpen, og nummererte prikker peker på de ulike innstillingene som er nevnt i beskrivelsen over skjermbildet.

Relaterte artikler:

Var denne artikkelen nyttig?

Finner du ikke det du leter etter?

Start en chat

Den raskeste måten å kontakte oss på – hverdager fra kl.9-16.