Webbplatsanimering

Webbplatsanimationer kan användas för att lägga till visuella effekter medan du laddar sidan som tona in, tona ut, skala ner och andra. Detta kommer att lägga till en stil till din webbplats när användaren rullar sidorna.

Du kan välja olika animationsstilar för olika delar av din webbplats.

I den här artikeln:

  1. Webbplatsanimering
  2. Webbplatselement
  3. Animationsstilar
  4. Animationshastighet

Redigera webbplatsanimering

Animationer kan göra en webbplats visuellt intressant och ge liv åt alla element som finns på webbplatsen. De skapar en mer engagerande och uppslukande upplevelse för användarna.

Här kommer du att se alla tillgängliga inställningar för att hantera och anpassa animationer för dina webbplatselement.

Tips

  • Som standard Glid upp animering kommer att tillämpas på hela webbplatsen.
  • Välja Ingen om du vill inaktivera animationerna.


Olika webbplatselement

Pixpa låter dig applicera animationer på följande delar av din webbplats:

  1. Bilder: Lägg till rörelse i dina bilder för att fånga besökarnas uppmärksamhet.
  2. Rubrik H1: Använd animationer för att få huvudrubriker att sticka ut.
  3. Rubriker H2: Animera underrubriker eller mindre titlar för att förbättra flödet av ditt innehåll.
  4. Text: Ge ditt innehåll liv genom att animera stycken och beskrivningar.
  5. Knappar: Markera dina uppmaningsknappar med iögonfallande effekter.

Se till att slå på Publicera (6) för att spara alla ändringar och göra dem live på webbplatsen.


Animationsstilar

  1. Tona in –  Avslöjar gradvis element genom att öka dess opacitet från transparent till ogenomskinlig.
  2. Glid upp - Jämn rörelse av element på skärmen från ett lägre läge till ett högre läge.
  3. Skala upp - Ökar gradvis storleken eller skalan på ett element.
  4. Skala ner - Minskar gradvis storleken eller skalan på ett element.
  5. Avslöja – Gradvis avslöjar eller avslöjar elementen på skärmen.

Anmärkningar

Välja Ingen för att inaktivera animeringen för det specifika elementet.


Animationshastighet

Den hastighet med vilken en animation övergår från ett tillstånd till ett annat. Det avgör hur snabbt eller långsamt de animerade ändringarna sker på skärmen.

Det finns tre alternativ att välja mellan: Långsam, Medium och Snabb.

Anmärkningar

Om du använder en gammal mall kanske du inte ser alternativet Animation. Du måste byta webbplatsen till en ny mall. Lär dig mer


Kolla in Slide Up Animation live in action:


Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.