Hur man animerar element medan man svävar i en grupp eller rutnätscell

Elementanimationen för att sväva över en grupp eller en rutnätscell är också intressant. Sådana animationseffekter ser eleganta och naturliga ut. Välj ett element i en grupp, klicka på egenskapspanelens sektionslänk för Hover och markera sedan kryssrutan Hover. Välj en förinställning och ändra sedan egenskaperna för att uppnå den designade effekten.
Animation På Gruppsvävare

Browse By Feature Categories

Elementskala på gruppsvävare

Att skala element eller ändra storlek proportionellt när du håller muspekaren kan vara en intressant animeringseffekt som kan imponera på dina besökare. Du kan välja Skalförinställning och sedan ändra egenskaperna för Hover On Group i egenskapspanelen genom att klicka på motsvarande länk. För att testa, klicka någonstans på blocket och håll sedan muspekaren.

Element Shift På Grupp Hover

Att flytta ett element vid svävning är en naturlig effekt eftersom du skapar en reaktion på en mus som svävar i en grupp och imiterar alla allmänt kända rörliga saker. I egenskapspanelen till höger, panelen Hover On Group, kan du välja Shift-förinställningen. Testa det genom att avmarkera och föra muspekaren över en grupp.

Element Färg På Grupp Hover

För de grupperade eller rutnätscellselementen kan du ändra elementfärgen på dess svävare och medan du håller muspekaren över en grupp eller en rutnätscell. Välj ett element i en grupp. Välj Animation On-sektionens Hover On Group och ändra färgegenskaperna i egenskapspanelen. Avmarkera elementet och håll sedan muspekaren över gruppen för att testa.

Elementskugga På Gruppsvävare

För ett element i en grupp eller rutnätscell kan du ändra egenskapen Skugga på gruppsvävaren. Att lägga till skugga till ett element skapar en pseudo-3D-effekt, som är mycket populär inom webbdesign. I avsnittet Hover On Group på egenskapspanelen väljer du Shadow Preset och redigerar eventuellt skuggan om det behövs.