Bild mit Hover Effekt und Button

talkuvit

Hallo alle zusammen,

Ich möchte gerne folgendes Realisieren:
Ein Bild soll etwas näher leicht angezoomt werden wenn wenn man mit der Maus darauf geht! (mouse Hover Effect)
Und das Bild soll mit einem Button versehen werden der eben auf eine weitere Seite verlinkt!

Kennt jemand dazu ein Plugin oder hat eine die wie man das per Theme umsetzen kann?

Gruß Talkuvit

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SEpp55

Als Beispiel mit CSS umzusetzen:

Code

.wp-post-image:hover {
   transform: scale(1.03);
}

Der Selektor ist natürlich anzupassen!!
Mehr dazu LINK!

talkuvit

danke für deinen tipp mit dem CSS.

hast du oder jemand anderes eine idee wie man das mit dem button auf dem bild realisieren könnte ?

b3317133

z.B. so: https://jsfiddle.net/8gL6upkj/

Mit WordPress hat das aber alles nichts zu tun, evtl. wäre ein HTML/CSS Forum eine bessere Anlaufstelle...

talkuvit

ja so in etwa, ich wollte gerne mir aber nicht einen text sondern einen button darauflegen der zusätzlich einen mouse over efekt mit sich bringt.
Aber der ansatzt ist schon der richtige.

b3317133

Mit einigen Zeilen CSS wird der Text zum Button: https://jsfiddle.net/o0mqLrn1/

Alternativ kannst Du natürlich auch ein <input type="button" ..> oder <button> Element verwenden.

Wie gesagt, das wäre in einem HTML/CSS Forum besser aufgehoben...

talkuvit

Herzlichen Dank!
Das hat mir sehr geholfen!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild mit Hover Effekt und Button

Jetzt mitmachen!