[Effekt] Buttons in <span> ausfahren

cester

Hallo zusammen,

sicherlich kennt ihr den Effekt, dass ein RSS-Button oder Facebook-Button nur zu ca. 20% sichtbar ist, bei einem MouseOver fährt dieser Button dann aus... im Anhang eine kleine Grafik... kann mir jemand sagen, wie ich diesen Effekt realisiere?

Vielen Dank und einen schönen Abend,
Cester

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

riddim

Mit CSS wäre die Lösung folgende:

Code

.button_opacity {
    opacity: .20; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=20); /* IE lt 8 */
    -ms-filter: "alpha(opacity=20)"; /* IE 8 */
    -khtml-opacity: .20; /* Safari 1.x */
    -moz-opacity: .20; /* FF lt 1.5, Netscape */
}

Marcus[IS]

Hi,

riddim
Ich glaube du hast das etwas missverstanden. ;)

Es gibt einen hover Effekt, der die Feed Buttons nach oben ausfahren lässt, wenn man mit der Maus darüber fährt.

Leider habe ich aber diesbezüglich (noch) nichts gefunden, aber vermutlich könnte es so etwas unter den social button plugins geben.

Oder die Möglichkeit sich mal ein Theme zu besorgen, wo dieser Effekt genutzt wird und mal in den Quellcode reinzuschauen, wie der Themeautor das umgesetzt hat.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

[Effekt] Buttons in <span> ausfahren

Jetzt mitmachen!