Gå til indhold
Divi temaer

Divi Image HoverEffekter

Flip kort

Vandret vendekort

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt labore et dolore magna alua enim ad minim eimod

Lær mere

Lodret flip-kort

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt labore et dolore magna alua enim ad minim eimod

Lær mere

Glide

Køb dette plugin

Divi Image Hover Effects — 15 animationer

Forvandl dine billeder til interaktive oplevelser. Divi Image Hover Effects er enindbygget Divi 5-modulder tilføjer fantastiske svæveanimationer og overlejringsindhold til ethvert billede - direkte inde i Divi Visual Builder, ingen kodning påkrævet.

🃏 Flipkort — Indbygget

Vend vandretgør dit billede til et sandt3D flip-kort: Forsiden viser dit billede, bagsiden afslører dit overlejringsindhold med en tilfredsstillende perspektivvending. Perfekt til teammedlemmer, porteføljedele, produktfremvisninger eller enhver situation, hvor du ønsker at afsløre information med effekt.

🎬 15 håndlavede svæveeffekter

  • Falme— klassisk uigennemsigtighed med en subtil indholdsforøgelse
  • Skub op/ned/venstre/højre— retningsbestemte overlejringsglas
  • Zoom ind— billedet skaleres op, efterhånden som overlejringen vises
  • Zoom ud— billedet starter zoomet, trækker sig tilbage ved at svæve
  • Vend vandret— fuld 3D-kortvending med perspektiv
  • Slør— billedet bliver blødere, efterhånden som dit indhold er i centrum
  • Gråtoner— billedet afmættes ved svævning for en slående kontrast
  • Skinne— et let skær fejer hen over billedet
  • Spring ind— belægningen springer ind nedefra med elastisk energi
  • Reveal Venstre → Højre— klippesti i gardinstil

✨ Rigt overlejringsindhold

Byg din overlejring visuelt, præcis som du vil have den:

  • Overlay baggrund — ensfarvet eller fuldgradient(startfarve, slutfarve, retning)
  • Indholdsposition —9 ankerpunkter(øverst til venstre, i midten, nederst til højre...)
  • Ikon — vælg et Divi-ikon, indstil dets farve og størrelse
  • Titel — vælg HTML-tagget (H1–H6 eller P), og stil det fuldt ud
  • Beskrivelse — brødtekst med komplet typografikontrol
  • Call-to-action-knap - URL, ny fanesupport ogkomplet Divi knap design panel(baggrund, kant, skrifttype, mellemrum, størrelse, boksskygge)

⚙️ Præcisions animationskontroller

Juster alt direkte i Visual Builder uden at forlade din side:

  • Animationhastighed— enhver gyldig CSS-varighed (0.3s,500ms…)
  • Animationlempelse— Lethed, let ind, let ud, let ind ud, lineær

🎨 Fuld Divi-designtilpasning

Fordi Divi Image Hover Effects er et ægte native Divi 5-modul, får du adgang tilkomplet Divi designsystem— de samme værktøjer, som du bruger på hvert andet modul:

  • Typografikontroller til titel, beskrivelse og knap
  • Baggrunde, gradienter og billeder på modulet
  • Kanter, kasseskygger og kantradius
  • Mellemrum (margin
  • Filtre, transformationer og animationer
  • Sticky positionering, rulleeffekter og z-indeks
  • Responsiv synlighed og tilpasset CSS pr. breakpoint

Alt hvad du forventer af et Divi-modul – lige ud af kassen.

🔍 True Visual Builder forhåndsvisning

Overlejringen er altid synlig i lærredet, så du kan redigere dit indhold komfortabelt. Aktiversvævetilstandi Design-panelet for at få vist dine svævestile – farver, overgange og vendende animationer – præcis som dine besøgende vil se dem.

♿ Ydeevne

  • Billeder bruger nativedoven indlæsningfor hurtige sidehastigheder
  • Animationer automatiskdeaktiver for brugere, der foretrækker reduceret bevægelse(prefers-reduced-motion)
  • GPU-accelererede overgange til silkeblød 60fps-gengivelse

📋 Krav

  • Divi 5 (ikke kompatibel med Divi 4)
  • WordPress 6.0
  • PHP 7.4
Dansk