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 :
- Animationvitesse— toute durée CSS valide (
0.3s,500ms…) - Animationassouplissement- Facilité, Facilité d'entrée, Facilité de sortie, Facilité d'entrée, Linéaire
🎨 Personnalisation complète du design Divi
Parce que Divi Image Hover Effects est un véritable module natif de Divi 5, vous avez accès ausystème de conception Divi complet— les mêmes outils que vous utilisez sur tous les autres modules :
- Contrôles de typographie pour le titre, la description et le bouton
- Arrière-plans, dégradés et images sur le module
- Bordures, ombres de boîte et rayon de bordure
- Espacement (marge
- 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.
🔍 Aperçu du véritable Visual Builder
La superposition est toujours visible dans le canevas afin que vous puissiez modifier votre contenu confortablement. Activermode survoldans le panneau Conception pour prévisualiser vos styles de survol (couleurs, transitions et animations de retournement) exactement tels que vos visiteurs les verront.
♿ Performances
- Les images utilisent le natifchargement paresseuxpour des vitesses de page rapides
- Animations automatiquementdésactiver pour les utilisateurs qui préfèrent un mouvement réduit(
prefers-reduced-motion) - Transitions accélérées par GPU pour un rendu soyeux à 60 ips
📋 Exigences
- Divi 5 (non compatible avec Divi 4)
- WordPress 6.0
- PHP7.4
