Hogyan használhatjuk a Lebegő csúszkát a lebegtetésre állított egyéb elemek megjelenítésére

A Lebegtető csúszka egy olyan elem, amelyen egy csúszda jelenik meg, ha kattintás nélkül egy ideig egy csoporton tartja az egeret. Interakciót ad a csoportokhoz és a rácscellákhoz, mivel különböző elemkészleteket jeleníthet meg normál és egérmutató állapotokhoz. A lebegő dia hozzáadásához válasszon egy csoportot. Módosítsa a szükséges tulajdonságokat a Property Panel Hover Slide részében.
Lebegtető csúszka

Browse By Feature Categories

Hover Slider Fade Effect

Bármely animációs könyvtár a Fade-vel kezdődik. A Hover Slider rendelkezik a Fade Preset beállítással is, amelyet hozzáadhat a Lebegtetés alapértelmezett diájáról a Lebegő csúszkára való átmenethez. A Fade tulajdonságait a Tulajdonságok panelen módosíthatja, kattintson a Hover Slide linkre. A Lebegő csúszkát elemként is hozzáadhatja a Hozzáadás menüből.

Mutasson csúszkát az effektus fölé

A Lebegő csúszka általában a különböző elemeket mutatja a Lebegtetésen. A Slide Over Effect hozzáadható, ha a Tulajdonságok panelre lép, és szerkeszti a Lebegtető csúszka tulajdonságait a kiválasztott csoporthoz. A Hover Slider elemet a Hozzáadás menüből adja hozzá. Szükség esetén módosíthatja az irányt és az időtartamot is.

Hover Slider Slide Effect

A Lebegtető csúszka csúsztatási effektusa azt a természetes csúsztatást mutatja, amely élő interakciót ad a tervezéshez. Alkalmazza a Slide Effectet a Lebegő csúszka elemre a Lebegtető csúszka tulajdonságaiban. Tesztelje a Lebegő csúszkát a Szerkesztőben, és az Elemet mozgassa.

Hover Slider Flip Effect

A lapozás érdekes hatással van a weboldalakon való interakcióra is. A Flip Effect on the Hover használata felkeltheti a figyelmet, és elkápráztathatja a látogatókat. A lebegtető csúszka átfordítási effektusának beállításához lépjen a Tulajdonságok panel Hover Slider szakaszába, és válassza ki a Flip Preset lehetőséget.

Lebegő csúszka billegő effektus

A Hover Sliderhez használt Wobble Effect segítségével felhívhatja webhelye látogatóinak figyelmét. Az effektus használatához nyissa meg a Property Panel Hover Slider hivatkozását, és válassza ki a Wobble Preset lehetőséget. Ezenkívül finomhangolhatja az átlátszóságot, az időtartamot és az irányt.

Hover Slider Zoom Effect

A zoomolás is nagyon természetes, hiszen mindenhol a kamerák fülét éljük, a Hover Slideren pedig a Zoom Effectet is használhatjuk. Lépjen a Tulajdonságok panelre, és válassza ki a Nagyítási előbeállítást a Hover Slider elemhez. Szükség esetén módosítsa a tulajdonságait.

How To Create The Hover Slider For A Group Of Elements

Our hover slider animation can also be referred to as a hover box slider. It sets the hover box animation for the whole group of elements, making the structure more laconic and homogeneous. It is mostly used as the image hover effect, particularly for gallery groups. When the visitor hovers over one of the elements, the hover box with content description text or heart or like icon appears. This image hover effect slider for the group of elements is very popular within social media and platforms, implying interaction with the users using the hover box as a basic unit.

Similar to other stunning hover effects, our slider hover box widget built into the property panel can customize the image hover effect slider however you want. To add the box hover slider, you need to know how the slider animation hover box will present your content after using the image hover effect for boxes. Our site creator will immediately reflect all slider image hover effects and box cards hover effects in the groups after applying them. For example, you will instantly see how the image hover box slider sets it in motion after you add the title.

Some developers may think it is similar to Elementor page builder image hover effects and that using hover effects of the Elementor page builder is simpler. However, it is not. Unlike the Elementor page builder that can change the background image hover effect for only one element, our creator applies the image hover effect slider for all elements within the group. To learn how to create a responsive webpage group more attractive than the Elementor page builder effect on hover over, use our additional materials templates, or experiment yourself for free.