Vurgulu üzerinde ayarlanan diğer öğeyi göstermek için Vurgulu Kaydırıcı nasıl kullanılır

Vurgulu Kaydırıcı, fareyi bir Grubun üzerine tıklamadan bir süreliğine getirdiğinizde görünen slayta sahip bir Öğedir. Normal ve fareyle üzerine gelme durumları için farklı Öğe kümeleri gösterebildiğiniz için Gruplara ve Izgara Hücrelerine etkileşim ekler. Hover Slaytını eklemek için bir Grup seçin. Özellik Panelinin Slayt Üzerine Gelme bölümünde gerekli özellikleri değiştirin.
fareyle üzerine gelme kaydırıcısı

Özellik kategorilerine göre göz atın

Hover Slider Fade Efekti

Herhangi bir Animasyon Kitaplığı, Fade ile başlar. Vurgulu Kaydırıcı ayrıca, Vurgulu'nun varsayılan slaydından Vurgulu Kaydırıcıya Geçiş için ekleyebileceğiniz Soldurma Ön Ayarına sahiptir. Özellik Panelinde Soldurma özelliklerini değiştirebilirsiniz, Slayt Üzerine Gelin bağlantısını tıklayın. Ayrıca, Vurgulu Kaydırıcıyı Ekle Menüsünden Öğe olarak da ekleyebilirsiniz.

Kaydırıcının Üzerine Gelme Efekti

Hover Kaydırıcısı genellikle Hover'daki farklı Öğeleri gösterir. Özellik Paneline giderseniz, Kaydırma Efekti'ni ekleyebilir ve seçili Grup için Vurgulu Kaydırıcı özelliklerini düzenleyebilirsiniz. Vurgulu Kaydırıcı Öğesini Ekle Menüsünden eklersiniz. Gerekirse Yön ve Süreyi de değiştirebilirsiniz.

Vurgulu Kaydırıcı Slayt Efekti

Vurgulu Kaydırıcı için Slayt Efekti, tasarımınıza canlı etkileşim ekleyen doğal slayt hareketini gösterir. Hover Slider özelliklerinde Hover Slider Element için Slide Effect'i uygulayın. Editör'de Vurgulu Kaydırıcıyı seçip Öğeyi gezdirerek test edin.

Hover Slider Flip Efekti

Çevirme ayrıca web sayfalarındaki etkileşim üzerinde ilginç bir etki yaratır. Hover'da Çevirme Efekti'ni kullanmak dikkat çekebilir ve ziyaretçilerinizi şaşırtabilir. Vurgulu Kaydırıcı için Çevirme Efekti'ni ayarlamak için, Özellik Panelinin Vurgulu Kaydırıcı bölümüne gidin ve Çevir Ön Ayarını seçin.

Vurgulu Kaydırıcı Sallanma Etkisi

Hover Slider için kullanılan Wobble Effect ile web sitenizin ziyaretçisinin dikkatini çekebilirsiniz. Efekti kullanmak için Özellik Panelinin Hover Slider bağlantısına gidin ve Wobble Preset'i seçin. Ayrıca Şeffaflık, Süre ve Yön ayarlarında ince ayar yapabilirsiniz.

Vurgulu Kaydırıcı Yakınlaştırma Etkisi

Her yerde kameraların kulağını yaşadığımız için yakınlaştırma da çok doğal ve Vurgulu Kaydırıcıda Yakınlaştırma Efektini kullanabilirsiniz. Özellik Paneline gidin ve Vurgulu Kaydırıcı Öğesi için Yakınlaştırma Ön Ayarını seçin. Gerekirse özelliklerini değiştirin.

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.