Elementen animeren terwijl u over een groep of rastercel zweeft?

De Element Animatie bij het zweven van een groep of een rastercel is ook interessant. Dergelijke animatie-effecten zien er elegant en natuurlijk uit. Kies een element in een groep, klik op de link Hover-sectie van het eigenschappenvenster en schakel vervolgens het selectievakje Hover in. Selecteer een voorinstelling en wijzig vervolgens de eigenschappen om het ontworpen effect te bereiken.
Animatie op groepsaanwijzer

Bladeren op functiecategorieën

Elementschaal op Box Hover

Het schalen van elementen of het proportioneel aanpassen van de grootte bij zweven kan een interessant animatie-effect zijn dat uw bezoekers kan verbazen. U kunt Scale Preset kiezen en vervolgens de eigenschappen van de Hover On Group in het eigenschappenvenster wijzigen door op de bijbehorende link te klikken. Om te testen, klikt u ergens op het blok en plaatst u de muisaanwijzer.

Elementverschuiving bij zweven van vak

Het verschuiven van een element tijdens het zweven is een natuurlijk effect, omdat je een reactie creëert op een muis die boven een groep zweeft en alle algemeen bekende bewegende dingen imiteert. In het eigenschappenpaneel aan de rechterkant, het Hover On Group-paneel, kunt u de Shift-preset kiezen. Test het door een groep te deselecteren en met de muisaanwijzer erop te plaatsen.

Element Shift-Up On Box Hover

U kunt ook de verticale beweging op Hover animeren voor een gegroepeerd element. Lichte bewegingen naar boven zijn een zeer populaire Hover-reactie in modern webdesign. U kunt de Shift Up Preset kiezen in het eigenschappenvenster aan de rechterkant, in het Hover On Group-paneel. Deselecteer een groep en plaats de muisaanwijzer erop om de elementbeweging te testen.

Elementkleur op doos zweven

Voor de gegroepeerde of rastercelelementen kunt u de elementkleur wijzigen bij de muisaanwijzer en terwijl u de muisaanwijzer op een groep of een rastercel plaatst. Selecteer een element in een groep. Selecteer de Hover On-groep van de sectie Animatie aan en wijzig de kleureigenschappen in het eigenschappenvenster. Deselecteer het element en plaats de muisaanwijzer op de groep om te testen.

Element Shadow On Box Hover

Voor een element in een groep of rastercel kunt u de eigenschap Schaduw wijzigen op Group Hover. Door schaduw aan een element toe te voegen, ontstaat een pseudo-3D-effect, dat erg populair is in webdesign. Selecteer in het gedeelte Zweven op groep van het eigenschappenpaneel de schaduwvoorinstelling en bewerk eventueel de schaduw indien nodig.