Elementor Creative Link Hover Effects
Master Addons Creative Links widget forvandler et tekstlink til et animeret link med en hover effekt. Det er gratis og har 22 effekter: 10 arbejder i det gratis plugin og 12 har brug for Master Addons Pro. Tilføj linket tekst, et valgfrit ikon og URL, vælg en effekt, og derefter farve de dele af animationen. Brug det til opkald til handling inde i en sektion, sidefod links eller en kort liste over links.
Sådan tilføjes Link Hover Effects i Elementor
Du skal bruge Elementor og det gratis Master Addons plugin. Hver widget holder ét link. Her er en detaljer dokumentation på kreative links element.
- Kontrollér, at Creative Links er slået til under Master Addons, Widgets.
- I Elementor-editoren skal du søge efter Kreative Links og træk det ind på siden.
- Indtast URL'en Link Text og Link.
- Vælg en effekt i Effekter, og tilføj et ikon eller Alternativ lænketekst, hvis effekten bruger en.
- I fanen Stil skal du indstille typografi, udfyldning og farverne Normal og Hover.
- Dupliker widgetten for hvert ekstra link, du har brug for.
22 Link Hover Effekter (10 Gratis, 12 Pro)
Vælg animationen i Effekter dropdown. Gratis effekter: Beslag, Bundlinie Slide, Bundkant Forstør, 2nd Border Slide Up, Tekstfyld, Tre prikker, Skaler ned, Flyt op, Effekt 21 og Effekt 22. Pro effekter: 3D Effekt, Slide In, Border Slide Down, Border Oversæt, 2nd Tekst og Border, Afslør Push Out, Cirkel, Border Switch, Fall Down, Cross, 3D Slide og 3D Slide Down.
- Hver effekt er almindelig CSS på linket og dets ::before og ::after layers.
- Flyt op, Afslør Push Out, Cross og 3D Slide-effekterne viser Alternativ Link Text på hover.
- Afslør Push Out, Tekstfyld, Skaler ned, Fall Down og Move Up viser ikke ikonet.
Style linket og dets animationslag
Link Styles dækker bredde, ikonstørrelse, typografi, link polstring, kant, kant radius og boks skygge.Fanerne Normal og Hover indstiller tekstfarve og baggrundsfarve, plus farverne på lagene effekterne animerer: Front BG Color (Back BG Color på hover), Før BG Color og Efter BG Color. Tekst Fill Color vises, når du vælger Tekst Fill effekt.
- Normal- og Hover-farver indstilles separat.
- Før og efter BG Colors styrer de linjer, parenteser og udfyldninger, der bevæger sig.
- Bredde, polstring og justering er responsive.
Elementor Hover-muligheder vs kreative links
Elementor har svæveanimationer på Knap-widgetten, og Elementor Pro har pegeanimationer i Nav Menu-widgetten. Her er hvor hver enkelt passer.
| Behov | Elementor Knap | Elementor Pro Nav Menu | Master Addons Creative Links |
|---|---|---|---|
| Hvad det animerer | Hele knappen (vokse, pulse, flyde, slingre og andre) | Menupunkter med understregning, overstregning, indrammet, baggrunds- eller tekstmarkører | Et enkelt tekstlink med linjer, parenteser, udfyldninger eller 3D-vendinger |
| Antal effekter | En liste over svæveanimationer for hele knappen | 6 pointertyper med egne animationer | 10 gratis, 22 med Pro |
| Byt tekst på hover | No | No | Ja, med Alternativ Link Tekst på nogle effekter |
| Virker for en fuld menu | No | Ja, med dropdowns og en mobil toggle | Nej, et link pr. widget |
| Omkostning | Free | Elementor Pro | Gratis, 12 effekter i Pro |
For en hel navigationsmenu, Elementor Pro Nav Menu eller Master Addons Navigation Menu passer bedre. For knapper med svæveeffekter, se Creative Button.
Ofte stillede spørgsmål til kreative links
Hvad er forskellen mellem "Link Text" og "Alternative Link Text"?
Link Text er den synlige etiket. Alternativ Link Text er etiketten, der glider eller vender ind på hover med Reveal Push Out, Move Up, Cross, 3D Slide og 3D Slide Down. Hvis du lader den være tom, genbruger disse effekter Link Text. Tekstfyld, skaler ned og fald ned bruger altid Link Text.
Er Creative Links-widgetten gratis?
Ja. Creative Links er i det gratis Master Addons plugin med 10 effekter og alle style controls. Master Addons Pro tilføjer 12 effekter, herunder 3D Effect, Circle, Border Switch og 3D Slide effekterne.
Hvad er "Før BG Color" og "Efter BG Color" til?
De fleste effekter tegner deres linjer, parenteser og udfylder med ::før og ::efter lagene i linket. Før BG Color og After BG Color indstiller farven på disse lag, i fanerne Normal og Hover. Hvilket lag tegner, hvad der afhænger af effekten, så skift en farve og se forhåndsvisningen.
Virker effekterne på mobile (touchscreen) enheder?
Telefoner og tablets har ingen hover. De fleste mobilbrowsere anvender hover-stilen et øjeblik, når linket trykkes og derefter åbner det, så besøgende kan kun se et kort glimt af effekten. Selve linket fungerer normalt.
Hvordan vælger jeg den rigtige effekt?
Match effekten til hvor linket sidder. Bottom Line Slide, Bottom Border Enlarge og Brackets er stille nok til brødtekst og sidefødder. Tekstfyld, Flyt op og Tre prikker tiltrækker mere opmærksomhed og passer til et enkelt opkald til handling. Prøv et par stykker i editor forhåndsvisningen, før du beslutter dig.
Kan jeg anvende forskellige effekter på forskellige links i den samme widget?
Hver Creative Links-widget indeholder ét link med én effekt. For flere links skal du tilføje en widget pr. link og vælge effekten på hver. Dupliker en stylet widget for at holde farverne ens.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
