Najedź kursorem na obraz DiviRuchomości

Efekty najechania obrazem Divi — 15 animacji

Przekształć swoje obrazy w interaktywne doświadczenia. Efekty najechania obrazem Divi tonatywny moduł Divi 5który dodaje wspaniałe animacje po najechaniu myszką i zawartość nakładki do dowolnego obrazu — bezpośrednio w Divi Visual Builder, bez konieczności kodowania.

---

🃏 Odwracane karty — wbudowane

Odwróć w poziomiezmień swój wizerunek w prawdziwyKarta z klapką 3D: przód pokazuje Twój obraz, tył ukazuje zawartość nakładki z satysfakcjonującym odwróceniem perspektywy. Idealny dla członków zespołu, elementów portfolio, prezentacji produktów lub w każdej sytuacji, w której chcesz ujawnić informacje, które wywrą wpływ.

---

🎬 15 ręcznie wykonanych efektów najechania

• Znikać— klasyczne odkrycie nieprzezroczystości z subtelnym wzrostem zawartości
• Przesuń w górę / w dół / w lewo / w prawo— kierunkowe slajdy nakładkowe
• Powiększ— obraz powiększa się w miarę pojawiania się nakładki
• Pomniejsz— obraz zaczyna być powiększony, cofa się po najechaniu myszką
• Odwróć w poziomie— pełne odwracanie kart 3D z perspektywą
• Plama— obraz mięknie, gdy treść zajmuje centralne miejsce
• Skala szarości— obraz zmniejsza nasycenie po najechaniu myszą, aby uzyskać uderzający kontrast
• Świecić— lekki blask przebiega przez obraz
• Wskocz do środka — the overlay springs in from below with elastic energy
• Reveal Left → Right & Right → Left — curtain-style clip-path reveal

---

✨ Rich overlay content

Build your overlay visually, exactly how you want it:

• Overlay background — solid color or full gradient (start color, end color, direction)
• Content position — 9 anchor points (top-left, center, bottom-right…)
• Icon — pick any Divi icon, set its color and size
• Title — choose the HTML tag (H1–H6 or P) and style it fully
• Description — body text with complete typography control
• Call-to-action button — URL, new tab support, and the full Divi button design panel (background, border, font, spacing, sizing, box shadow)

---

⚙️ Precision animation controls

Adjust everything directly in the Visual Builder without leaving your page:

• Animation speed — any valid CSS duration (0.3s, 500ms…)
• Animation easing — Ease, Ease In, Ease Out, Ease In Out, Linear

---

🎨 Full Divi design customization

Because Divi Image Hover Effects is a true native Divi 5 module, you get access to the complete Divi design system — the same tools you use on every other module:

• Typography controls for title, description, and button
• Backgrounds, gradients, and images on the module
• Borders, box shadows, and border radius
• Spacing (margin & padding) and sizing
• Filters, transforms, and animations
• Sticky positioning, scroll effects, and z-index
• Responsive visibility and custom CSS per breakpoint

Everything you expect from a Divi module — right out of the box.

---

🔍 True Visual Builder preview

The overlay is always visible in the canvas so you can edit your content comfortably. Activate hover mode in the Design panel to preview your hover styles — colors, transitions, and flip animations — exactly as your visitors will see them.

---

♿ Performance & accessibility built in

• Images use native lazy loading for fast page speeds
• Animations automatically disable for users who prefer reduced motion (prefers-reduced-motion)
• GPU-accelerated transitions for silky 60fps rendering

---

📋 Requirements

• Divi 5 (not compatible with Divi 4)
• WordPress 6.0+
• PHP 7.4+