Survol d’images DiviEffets
Carte à retourner
Glisser
Effets de survol d'image Divi — 15 animations
Transformez vos images en expériences interactives. Divi Image Hover Effects est unmodule natif Divi 5qui ajoute de superbes animations de survol et du contenu de superposition à n’importe quelle image – directement dans Divi Visual Builder, aucun codage requis.
🃏 Cartes à rabat — Intégrées
Retourner horizontalementtransformez votre image en une vraieCarte à rabat 3D: le recto montre votre image, le verso révèle votre contenu superposé avec un retournement de perspective satisfaisant. Parfait pour les membres de l'équipe, les éléments de portfolio, les présentations de produits ou toute situation dans laquelle vous souhaitez révéler des informations ayant un impact.
🎬 15 effets de survol fabriqués à la main
- Disparaître— révélation d'une opacité classique avec une subtile augmentation du contenu
- Glisser vers le haut/bas/gauche/droite— diapositives de superposition directionnelles
- Zoomer— l'image s'agrandit à mesure que la superposition apparaît
- Zoom arrière- l'image commence à zoomer, revient en survol
- Retourner horizontalement- retournement de carte 3D complet avec perspective
- Se brouiller— l'image s'adoucit à mesure que votre contenu occupe le devant de la scène
- Niveaux de gris— l'image se désature au survol pour un contraste saisissant
- Briller— un léger reflet traverse l'image
- Rebondir— le revêtement ressort par le bas avec une énergie élastique
- Révéler Gauche → Droite— révélation du chemin de clip de style rideau
✨ Contenu de superposition riche
Construisez votre superposition visuellement, exactement comme vous le souhaitez :
- Fond de superposition — couleur unie ou completpente(couleur de début, couleur de fin, direction)
- Position du contenu -9 points d'ancrage(en haut à gauche, au centre, en bas à droite…)
- Icône – choisissez n’importe quelle icône Divi, définissez sa couleur et sa taille
- Titre – choisissez la balise HTML (H1 – H6 ou P) et stylisez-la entièrement
- Description — corps du texte avec contrôle complet de la typographie
- Bouton d'appel à l'action : URL, prise en charge des nouveaux onglets etpanneau de conception de boutons Divi complet(arrière-plan, bordure, police, espacement, dimensionnement, ombre de la boîte)
⚙️ Contrôles d'animation de précision
Ajustez tout directement dans Visual Builder sans quitter votre page :
- Animation speed — any valid CSS duration (
0.3s,500ms…) - Animation easing — Ease, Ease In, Ease Out, Ease In Out, Linear
🎨 Personnalisation complète du design Divi
Because Divi Image Hover Effects is a true native Divi 5 module, you get access to the système de conception Divi complet— les mêmes outils que vous utilisez sur tous les autres modules :
- Typography controls for title, description, and button
- Arrière-plans, dégradés et images sur le module
- Bordures, ombres de boîte et rayon de bordure
- Spacing (margin & padding) and sizing
- Filtres, transformations et animations
- Positionnement collant, effets de défilement et z-index
- Visibilité réactive et CSS personnalisé par point d'arrêt
Tout ce que vous attendez d’un module Divi, dès la sortie de la boîte.
🔍 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
📋 Exigences
- Divi 5 (non compatible avec Divi 4)
- WordPress 6.0+
- PHP7.4
