Az animáció használata görgetéskor a webdesignban

Az Animation On Scroll a weboldalak betöltésének és görgetésének alapvető hatása. Hozzáadhatja úgy, hogy kiválaszt egy elemet, majd a Tulajdonság panelre lép. Kattintson az On Scroll hivatkozásra, és jelölje be az Animáció jelölőnégyzetet. Válasszon egy előre beállított értéket, és szükség esetén szabja testre az On Scroll effektust. Nézze meg az animációt a görgetőeffektuson.
On-Scroll animáció

Browse By Feature Categories

Loop animáció

Manapság sok webhely animált elemekkel hívja fel magára a figyelmet a látogatások számának növelésével, a márkaépítés javításával és a webhelyek egyediségének növelésével. A Nicepage feljogosítja a webtervezőket, a profikat és a kezdőket arra, hogy animációban gazdag blokkokat készítsenek kódolás nélkül. Engedélyezheti a Loop Animation tulajdonságot a Tulajdonságok panelen, hogy animációt és interakciót adjon a webhelyhez, és ezzel a JavaScript és a CSS erejét a vizuális webhelyszerkesztőbe hozza.

Animáció testreszabása

Tételezzük fel, hogy a szabványos animációs effektusok túl kevések a webhely ötletéhez, és több animációs effektust is össze kell kevernie a kívánt eredmény eléréséhez. Teljes mértékben szabályozhatja a testreszabható animációs beállításokhoz rendelkezésre álló tulajdonságokat. És csak minimális finomhangolással válassza ki a Könyvtárból az előre megtervezett animációs beállításokat. Léphet a Tulajdonságok panelre, és testreszabhatja az Eltüntetés, Mozgatás, Nagyítás, Roll, Forgatás és Spirális effektusok összes tulajdonságát.

Animációs beállítások

Használhatja az Animation On Scroll előbeállításait. És ezeknek két típusa van: Testreszabható animációs előbeállítások, amelyek tulajdonságait teljes mértékben szerkesztheti, az előre elkészített animációs beállítások, amelyeket csak a Könyvtárból választhatunk, és minimális finomhangolással.

Fade Animációs effektus

A Fade-effektus egy stilisztikai átmenet, amelyben egy elem, például egy kép, szöveg vagy háttér fokozatosan eltűnik, és újra megjelenik a weboldalon. Az elhalványulási effektust úgy állíthatja be, hogy kiválaszt egy elemet, és kiválasztja az Animáció görgetéskor lehetőséget a Tulajdonságok panelen.

Dia-animációs effektus

Adja hozzá az effektust, ha azt szeretné, hogy az elem fokozatosan mozogjon egyik pontról a másikra egy adott irányba az oldal betöltésekor vagy görgetése során. Adja meg a diaeffektust úgy, hogy hozzáad, kiválaszt egy elemet, majd kattintson a Dia előre beállított elemre a Tulajdonságok panel Animáció görgetéskor szakaszában.

Zoom animációs effektus

A nagyítási effektus a fokozatos megjelenés átmenete az Elem méretének megváltoztatása közben. Lehetővé teszi egy elem bezárását weboldal betöltésekor vagy görgetése közben.

Flip Animációs effektus

Alkalmazza a Flip effektust egy elem félig elforgatásához, amellyel az aktuális elem elülső és hátsó oldalát is láthatja. Kiválaszthatja a flip pólust az X-tengely vagy az Y-tengely alapján. Kiválaszthat egy elemet, majd az előbeállítást az Animation On Scrollhoz a Tulajdonságok panelen.

Bounce Animation Effect

Használja a Bounce Animation effektust, hogy az elemet lefelé, felfelé és gyorsan lefelé mozgassa az oldal görgetése közben. A görgetés közbeni visszapattanó animációt úgy engedélyezheti, hogy a megfelelő előbeállításra kattint a Tulajdonságpanel Animation On Scroll részében.

Animációs effektus forgatása

Az elforgatási effektus olyan transzformációt határoz meg, amely deformáció nélkül elforgatja az elemet az oldal egy fix pontja körül. Ez az effektus előre beállított értékként is elérhető, amelyet a Property Panel Animation On Scroll részében találhat meg.

Box Animációs effektus

The Box vagy Jack In The Box, átmeneti hatást hoz létre, utánozva egy népszerű viccjáték mozgást. Úgy kezdődik, hogy a központi rész elhalványul, és az egyik oldalról a másikra rázással folytatódik.

Flash animációs effektus

A villogással is összefüggő Flash-animáció szintén népszerű a látogatók figyelmének felkeltésére. Úgy tűnik, mint a be- és elhalványuló átmenetek sorozata, amelyek az animált objektum vagy szöveg átlátszatlan állapotára helyezik a hangsúlyt.

Hinge Animációs effektus

A csuklós effektussal egy elem felfordul, vagy hirtelen gyors mozdulattal átfordul, és megáll egy elképzelhető csuklópontnál. Ez a természetes átmenet meglepetést adhat a webdizájn interakciójához.