Använda animeringar i Hemsideprogrammet

Vill du lyfta din hemsida till nästa visuella nivå? Prova att lägga till animationer på din hemsida!

Med animationer får din hemsida liv med engagerande visuella effekter. Öppna en komponents inställningar, välj en animationseffekt och förhandsgranska den direkt. Varje komponent kan ha sin egen animation som du kan anpassa för att matcha din stil – vilket ger dig oändliga sätt att lägga till en personlig touch och få din hemsida att sticka ut.

• Varför ska min hemsida ha animationer?
• Hur lägger jag till animationer i Hemsideprogrammets komponenter?

Varför ska min hemsida ha animationer?

Animationer kan användas på olika sätt och för många ändamål. Du kan använda dem för att uppmärksamma specifika objekt eller uppmuntra interaktion med objekt (som knappar eller länkar till sociala medier). Du kan också använda dem kreativt för att göra ditt hemsideinnehåll mer levande. Hur du än väljer att göra är animationer ett effektfullt sätt att skapa en personlig och professionell hemsida.

Ta en titt på vår GIF nedan för att se hur animationerna kan se ut. På den här hemsidan har vi lagt till olika effekter till texter, knappar och behållare.

Hur lägger jag till animationer i Hemsideprogrammets komponenter?

Du kan lägga till animationer till följande komponenter i Hemsideprogrammet:

• Text
• Bilder
• Rutor och behållare
• Knappar
• Ikoner
• Sociala medier-ikoner
• Logotyper

Du kan komma åt animeringsinställningarna genom att klicka på fliken Redigera som visas högst upp eller längst ned på en komponent när du klickar på den. 

Här är ett exempel på när vi lägger till animeringseffekter till ett textstycke:

1. Markera komponenten och klicka på Redigera text högst upp eller längst ned på den.
2. Klicka på Animation i den flyttbara menyn.
3. Skjut reglaget Lägg till animationer till PÅ.
4. Under Animeringseffekt kan du välja en effekt från rullgardinsmenyn. Välj mellan Tona in, Glid in eller Studsa.
5. Om du väljer Tona in eller Glid in får du också möjlighet att välja en Animeringsriktning. Detta är den riktning från vilken animationen kommer in på skärmen. Från rullgardinsmenyn kan du välja mellan mitten, uppifrån, nedifrån, vänster eller höger.
6. Du kan välja hastigheten på animeringen. Den kan vara snabb (300 ms), medel (600 ms) eller långsam (1000 ms).
7. Välj om det ska vara en fördröjning, och i så fall hur lång den valda fördröjningen ska vara.
8. Spara ändringarna och kolla animeringen i Förhandsgranska. Den spelas inte upp i redigeraren.
9. Upprepa ovanstående process med andra komponenter där du vill lägga till animationer.

Obs! En animation spelas bara upp en gång per sidladdning. Det betyder också att den inte visas igen om en besökare på hemsidan scrollar tillbaka på en sida.

Relaterade artiklar:

• Hur lägger jag till parallaxscrollning i Hemsideprogrammet?
• Hur du använder komponenterna Galleri och Bildspel i Hemsideprogrammet