Kreative Links
Et standard blåt understregningslink gør sit arbejde, men det glemmer at gøre indtryk. I dagens web er hver interaktion en chance for at engagere sig. Master Addons Creative Links Element forvandler almindelige tekstlinks til miniature kunstværker. Vælg mellem over 22 unikke svæveeffekter – fra subtile understregningsslides til dynamiske 3D-transformationer – og anvend dem til hvor som helst på din landingsside. Style hver del af effekten, styr ikonet, og skab en mikrooplevelse, der får klik til at føles frisk og bevidst.
Omfattende bibliotek af Hover Effects
Dette er hjertet af elementet. Bevæg dig ud over simple farveændringer. Vælg fra en kurateret liste over sofistikerede Effekter, der udløser på hover. Vil du have en klassisk Bottom Line Slide? En legende Tre prikker afsløre? En dramatisk 3D Slide eller Tekst Fyld effekt? Hver effekt anvender en særskilt CSS animation til linket tekst og dens pseudo-elementer, skabe alt fra elegante til dristige interaktioner. Dette bibliotek lader dig tilføje personlighed og polere til dine menuer, indholdsfortegnelse, eller funktion lister uden at skrive en enkelt linje kode.
- 22+ Pre-Built Effects: Anvend øjeblikkeligt animationer som Border Switch, Scale Down, Circle, Cross og Move Up.
- Vifte af stilarter: Fra subtil (Bundkant Forstør) til fed (3D-effekt, 2. tekst og kant Afslør Push Out).
- Nem applikation: Vælg en effekt fra en dropdown —ingen kompleks konfiguration nødvendig for at komme i gang.
Styling til alle linkstater
Opnå pixel-perfekt design ved styling hver komponent i link effekt. Indstil basen Typografi, Link Padding, og samlede Bredde. Derefter, dykke dybt ind i tilstand styling. Definer Tekstfarve og baggrundsfarve for både Normal og Hover. Afgørende, style de farvede elementer, der anvendes i effekterne: Span BG Color, Før BG Color, og Efter BG Color. Disse styrer baggrunden for de animerede pseudo-elementer, der magt effekter som glidende linjer, fyldte baggrunde, eller ekspanderende cirkler. Tilføj Border Radius og Box Shadow for at fuldføre udseendet.
- Dual-State Design: Kontroller uafhængigt farver og baggrunde for Normal- og Hover-tilstandene.
- Effektkomponentstyling: Stil direkte baggrunde før, efter og spændvidde, der skaber animationsbillederne.
- Kontrolelement for fuld typografi: Vælg skrifttype, størrelse, vægt og afstand for linkteksten.
- Form og dybde: Brug kantradius og boksskygge til at blødgøre eller hæve forbindelsens beholder.
Ofte stillede spørgsmål til kreative links
Hvad er forskellen mellem "Link Text" og "Alternative Link Text"?
Linkteksten er det, der altid er synligt som standard (f.eks. “Vores tjenester”). Den alternative linktekst er det, der vises eller interagerer under svæveeffekten. I effekter som “Tekstfyld” eller “Grænseskift” kan denne alternative tekst glide ind, erstatte eller animere sammen med den originale tekst, hvilket skaber en dynamisk ændring.
Kan jeg bruge disse kreative links som min hjemmesides vigtigste navigation?
Absolut! De er perfekte til headermenuer, især til minimalistiske eller kreative webstedsdesign, hvor du ønsker, at selve navigationen skal være en visuel funktion. Du skal bare tilføje hvert menupunkt som et separat “Vare” i Contents repeater.
Hvad er "Før BG Color" og "Efter BG Color" til?
Disse er de hemmelige ingredienser. Mest avancerede CSS hover effekter bruger ::før og ::efter pseudo-elementer til at skabe de animerede former, linjer, eller baggrundsfyld. Disse farvekontroller lader dig direkte style disse skjulte elementer, så du kan matche effektens farver til dit brand. For eksempel, i Bottom Line Slide effekt, kan After BG Color styre farven på den glidende understregning.
Virker effekterne på mobile (touchscreen) enheder?
Ja, de er fuldt funktionsdygtige. På berøringsenheder udløses svæveeffekten typisk ved det første tryk (“hover”-tilstanden), og linket følges ved det andet tryk. Dette er standardadfærd for svæveeffekter på mobilen. Du får animationsfeedbacken, før siden ændres.
Hvordan vælger jeg den rigtige effekt?
Overvej dit websteds personlighed:
- Professionel/virksomhed: Brug subtile effekter som Bottom Line Slide eller Border Translate.
- Kreativ/portefølje: Gå efter dristigere effekter som 3D Slide, Circle eller Text Fill.
- Moderne/Minimalistisk: Bottom Border Enlarge eller Scale Down fungerer smukt.
Forhåndsvisning af et par – den bedste effekt forbedrer linket uden at føle sig distraherende.
Kan jeg anvende forskellige effekter på forskellige links i den samme widget?
Skærmbillederne viser én global Effekter dropdown, hvilket tyder på, at alle links i én widget instans deler den samme valgte effekt. For at have forskellige effekter (f.eks. et link med en cirkel effekt, et andet med en slide effekt), ville du sandsynligvis nødt til at placere flere separate Creative Link widgets.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
