Hoe de Hover-schuifregelaar te gebruiken om andere elementen weer te geven die zijn ingesteld op zweven

De Hover-schuifregelaar is een element met een dia die verschijnt wanneer u de muis enige tijd op een groep houdt zonder te klikken. Het voegt interactie toe aan groepen en rastercellen, omdat u verschillende sets elementen kunt weergeven voor normale toestanden en muisaanwijzers. Selecteer een groep om de zweefdia toe te voegen. Wijzig de benodigde eigenschappen in het gedeelte Hover Slide van het eigenschappenvenster.
Zweef schuifregelaar

Bladeren op functiecategorieën

Zweefschuifregelaar Vervagen-effect

Elke animatiebibliotheek begint met Fade. De Hover Slider heeft ook de Fade Preset, die je kunt toevoegen voor de overgang van de standaard slide van de Hover naar de Hover Slider. U kunt de Fade-eigenschappen wijzigen in het eigenschappenvenster, klik op de koppeling Hover Slide. U kunt de Hover-schuifregelaar ook als een element toevoegen vanuit het menu Toevoegen.

Beweeg schuifregelaar over effect

De Hover Slider toont meestal de verschillende Elementen op Hover. U kunt het Slide Over-effect toevoegen als u naar het eigenschappenvenster gaat en de eigenschappen van de zweefschuifregelaar voor de geselecteerde groep bewerkt. Je voegt het Hover Slider Element toe vanuit het Add Menu. U kunt indien nodig ook de richting en duur wijzigen.

Hover Slider Dia-effect

Het Slide-effect voor de Hover Slider toont de natuurlijke diabeweging die live interactie toevoegt aan uw ontwerp. Pas het Slide Effect voor het Hover Slider Element toe in de Hover Slider eigenschappen. Test door de Hover Slider in de Editor te selecteren en over het Element te bewegen.

Zwevende schuifregelaar Flip-effect

Flippen heeft ook een interessante impact op de interactie op webpagina's. Het gebruik van Flip Effect on the Hover kan de aandacht trekken en uw bezoekers verbazen. Om het spiegeleffect voor de zweefschuifregelaar in te stellen, gaat u naar het gedeelte Zweefschuifregelaar van het eigenschappenvenster en selecteert u de voorinstelling voor spiegelen.

Zwevende schuifregelaar Wobble-effect

U kunt de aandacht van uw websitebezoeker trekken door het Wobble-effect dat wordt gebruikt voor de Hover Slider. Om het effect te gebruiken, gaat u naar de Hover Slider-link van het eigenschappenpaneel en selecteert u de Wobble-voorinstelling. Bovendien kunt u Transparantie, Duur en Richting verfijnen.

Zweefschuifregelaar Zoomeffect

Zoomen is ook heel natuurlijk, omdat we overal in het oor van camera's leven, en je kunt het zoomeffect op de Hover-schuifregelaar gebruiken. Ga naar het eigenschappenpaneel en kies de zoomvoorinstelling voor het zweefschuifelement. Wijzig de eigenschappen indien nodig.

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.