Immagine Divi al passaggio del mouseEffetti

Effetti al passaggio del mouse sulle immagini Divi: 15 animazioni

Trasforma le tue immagini in esperienze interattive. Divi Image Hover Effects è unmodulo Divi 5 nativoche aggiunge straordinarie animazioni al passaggio del mouse e contenuti in sovrapposizione a qualsiasi immagine, direttamente all'interno di Divi Visual Builder, senza bisogno di codifica.

---

🃏 Carte ruotabili: integrate

Capovolgi orizzontalmentetrasforma la tua immagine in una veraCarta ruotabile 3D: la parte anteriore mostra la tua immagine, la parte posteriore rivela il contenuto in sovrapposizione con un soddisfacente capovolgimento prospettico. Perfetto per i membri del team, i pezzi del portfolio, le vetrine dei prodotti o qualsiasi situazione in cui desideri rivelare informazioni di impatto.

---

🎬 15 effetti al passaggio del mouse realizzati a mano

• Dissolvenza- l'opacità classica si rivela con un leggero aumento del contenuto
• Scorri su / giù / sinistra / destra— diapositive direzionali sovrapposte
• Zoom avanti— l'immagine si ingrandisce man mano che viene visualizzata la sovrapposizione
• Rimpicciolisci — image starts zoomed, pulls back on hover
• Flip Horizontal & Vertical — full 3D card flip with perspective
• Blur — image softens as your content takes center stage
• Grayscale — image desaturates on hover for a striking contrast
• Shine — a light glare sweeps across the image
• Rimbalza dentro — 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

Regola tutto direttamente nel Visual Builder senza lasciare la tua pagina:

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

---

🎨 Personalizzazione completa del design Divi

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 (non compatibile con Divi 4)
• WordPress 6.0+
• PHP 7.4+