Wie Bild erhellen bei Cursor rüberfahren?

    Hi Leute, vielleicht ist die Frage unglücklich gestellt.
    Ich möchte sozusagen einen Button erstellen mit einem Bild dieses Bild ist verdunkelt, sobald man mit der Maus rüber fährt soll es erhellen.

    z.B. wie hier, wenn man auf der Startseite mit dem Cursor über Paypal... geht dann erhellt das. Wie mache ich sowas? Ich wollte bei Widgets "Text" benutzen und dort ein Bild rein machen .....

    Ich weiß es nicht, bitte helft mir :D

    Mfg Flori__

    • Gerade eben
    • Anzeige

    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

    Ich verstehe nicht, wo du das meinst mit dem Paypal Logo, aber mach es doch per CSS und setz nach einem :hover die Transparenz um 10% herab. Erhellt auf weißen Hintergrund sozusagen auch das Bild.

    img:hover { opacity: 0.9;}

    Das ist jetzt ein harter Übergang, möchtest du einen weichen, d.h. es wird langsam heller, solltest du dich mal mit CSS transition auseinandersetzen.

    gruß

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden