Überschlag-Effekt - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

Überschlag-Effekt

Scripte > Bildobjekte


Ein simples RollOver mit Überschlageffekt per CSS.

Bilder auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img5-sm.jpg
demo_img6-sm.jpg


Demo:

Test Image Test Image


Code für den CSS-Bereich:

a.demoimg img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
margin:0px;
}
a.demoimg:hover img {
filter:alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
margin:0px;
}



Code für das HTML-Objekt:

<a class="demoimg" href="#x">
<img src="images/demo_img5-sm.jpg"alt="Test Image"/></a>
<a class="demoimg" href="index.php">
<img src="images/demo_img6-sm.jpg"alt="Test Image"/></a>



Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
Logo HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 1 Online
» 183 Heute
» 650 Gestern
» 2352 Woche
» 9584 Monat
» 64127 Jahr
» 310705 Gesamt
Record: 1420 (10.04.2014)
Zurück zum Seiteninhalt