Brug animationer på din hjemmeside oprettet med Hjemmesideprogrammet.

Vil du give dit hjemmesideindhold et visuelt løft? Prøv animationer!

Med animationer kan få din hjemmeside oprettet med Hjemmesideprogrammet til at skille sig ud med engagerende visuelle effekter. Åbn indstillingerne for en komponent, vælg en animationseffekt, og få en forhåndsvisning med det samme. Hver komponent kan have sin egen animation, som du kan tilpasse, så den matcher din stil og giver din hjemmeside personligt præg.


Hvorfor skal jeg bruge animationer på min hjemmeside?

Animationer kan bruges på mange forskellige måder og til en lang række formål. Du kan bruge dem til at rette opmærksomheden mod bestemte dele eller tilskynde til interaktion med elementer (såsom knapper eller links til sociale medier). Du kan også bruge dem kreativt til at gøre dit hjemmesideindhold mere levende. Uanset tilgangen er animationer en kraftfuld måde at skabe en personlig og professionel hjemmeside på.

Vil du se nogle af effekterne i aktion? Se videoen nedenfor. På denne side har vi tilføjet forskellige effekter til tekster, knapper og beholdere.

GIF, der viser en hjemmeside med tilføjede animationer i forhåndsvisningen.

Sådan tilføjer du animationer til dine Hjemmesideprogram-komponenter

Du kan tilføje animationer til følgende Hjemmesideprogram-komponenter:

  • Tekst
  • Billeder
  • Bokse og beholdere
  • Knapper
  • Ikoner
  • Ikoner til sociale medier
  • Logoer

Du kan få adgang til animationsindstillingerne ved at klikke på Rediger-fanen, der vises øverst eller nederst på en komponent, når du klikker på den. 

Her er et eksempel, hvor vi tilføjer animationseffekter til et tekststykke:

  1. Vælg komponenten, og klik på Rediger tekst øverst eller nederst på den.
  2. Klik på Animation i den flytbare menu.
  3. Klik på Tilføj animationer-knappen for at slå dem til.
  4. Under Animationseffekt kan du vælge en effekt fra menuen. Vælg mellem Fade in, Slide in eller Bounce.
  5. Hvis du vælger 'Fade in' eller 'Slide in', får du også mulighed for at vælge en animationsretning. Det er den retning, hvorfra animationen kommer ind på skærmen. Fra menuen kan du vælge mellem midte, top, bund, venstre eller højre.
  6. Du kan vælge animationens hastighed . Den kan være hurtig (300 ms), mellem (600 ms) eller langsom (1000 ms).
  7. Vælg, om der skal være en forsinkelse i effekten, og i så fald hvor lang den valgte forsinkelse skal være.
  8. Gem dine ændringer, og tjek animationen i Forhåndsvisningen. Den afspilles ikke i editoren.
  9. Gentag ovenstående proces med andre komponenter, hvor du vil tilføje animationer.

Bemærk: En animation afspilles kun én gang pr. sideindlæsning. Det betyder også, at den ikke vises igen, hvis en besøgende på en hjemmeside ruller tilbage på en side.

Skærmbillede, der viser egenskabspanelet og den flytbare menu for en komponent. Den flytbare menu har animationsmenuen åben, og nummererede prikker peger på de forskellige indstillinger, der er nævnt i beskrivelsen over skærmbilledet.

Relaterede artikler:

Var denne artikel en hjælp?

Kan du ikke finde, hvad du leder efter?

Start en chat

Den hurtigste måde at kontakte os på — hverdage fra 09:00 til 18:00.