Hogyan animáljunk elemeket csoport vagy rácscella lebegtetése közben

Az elemanimáció egy csoport vagy egy rácscella lebegtetéséről szintén érdekes. Az ilyen animációs effektusok elegánsnak és természetesnek tűnnek. Válasszon egy elemet a csoportból, kattintson a Tulajdonságpanel Hover szakasz hivatkozására, majd jelölje be a Lebegtetés jelölőnégyzetet. Válasszon egy előre beállított értéket, majd módosítsa a tulajdonságokat a tervezett hatás elérése érdekében.
Animáció Csoportos lebegtetésen

Browse By Feature Categories

Elem skála a Box Hoveren

Az elemek méretezése vagy arányos átméretezése lebegtetéskor érdekes animációs effektus lehet, amely elkápráztatja látogatóit. Kiválaszthatja a Scale Preset lehetőséget, majd módosíthatja a Hover On Group tulajdonságait a Tulajdonságok panelen a megfelelő hivatkozásra kattintva. A teszteléshez kattintson valahova a Blokk elemre, majd vigye az egérmutatót.

Elemeltolás a Box Hoveren

Egy elem eltolása lebegtetéskor természetes hatás, mivel reakciót hoz létre egy csoportot lebegtető egéren, amely bármilyen általánosan ismert mozgó dolgot utánoz. A jobb oldali Tulajdonság panelen, a Hover On Group Panelben kiválaszthatja a Shift előbeállítást. Tesztelje úgy, hogy törölje a kijelölést, és mutasson rá egy csoportra.

Elemeltolás felfelé a Box Hoveren

Csoportosított elem esetén animálhatja a függőleges mozgást is az egérrel. Az enyhe felfelé mozgás nagyon népszerű Hover reakció a modern webdizájnban. Kiválaszthatja a Shift Up előbeállítást a Tulajdonságok panelen jobbra, a Hover On Group panelen. Törölje a kijelölést, és mutasson rá egy csoportra az Elemmozgás teszteléséhez.

Elem színe Lebegő dobozon

A csoportosított vagy rácscellaelemek esetében megváltoztathatja az elem színét a lebegtetéskor, valamint a csoport vagy rácscella lebegtetése közben. Válasszon egy elemet a csoportból. Válassza az Animáció bekapcsolva szakasz Hover On csoportját, és módosítsa a Szín tulajdonságait a Tulajdonságok panelen. Törölje az elem kijelölését, majd mutasson rá a csoportra a teszteléshez.

Elem árnyéka Box Hover

Csoport vagy rácscella elemei esetén módosíthatja az Árnyék tulajdonságot a Group Hoveren. Árnyék hozzáadása egy elemhez pszeudo-3D hatást hoz létre, ami nagyon népszerű a webdesignban. A Property Panel Hover On Group részében válassza ki az Árnyék-előbeállítást, és szükség esetén szerkessze az árnyékot.