Hur man lägger till fade-animationen på rullning

The Box, eller Jack In The Box, skapar en övergångseffekt som imiterar en populär skämtleksaksrörelse. Det börjar med att centralen tonar in och fortsätter med skakning från en sida till en annan.

Rotationseffekten definierar en transformation som roterar ett element runt en fast punkt på sidan utan deformation.

Använd Bounce Animation-effekten för att få elementet att röra sig nedåt, uppåt och snabbt nedåt igen vid sidrullning.

Med gångjärnseffekten vänder ett element eller får det att vända med en plötslig snabb rörelse som stannar vid punkten för ett tänkbart gångjärn. Denna naturliga övergång kan lägga till överraskning till interaktionen i din webbdesign.

Zoomeffekten är övergången av gradvis utseende samtidigt som du ändrar storleken på ett element. Det gör det möjligt att stänga ett element när webbsidan laddas eller rullas.

Lägg till effekten om du vill att ditt element ska flyttas gradvis från en punkt till en annan i en viss riktning när sidan laddas eller rullas.

Flash Animation, även förknippat med blinkande, är också populärt för att locka besökares uppmärksamhet. Det ser ut som serier av in- och uttoningsövergångar med tonvikten på det animerade objektets eller textens ogenomskinliga tillståndet.

Använd Flip-effekten för att implementera halvrotationen av ett element, varvid du kan se både fram- och baksidan av det aktuella elementet. Du kan välja vändstången antingen med X-axeln eller Y-axeln.