Überschlag-Effekt - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Ü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 ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2017




  Besucher Statistik
 » 2 Online
 » 3 Heute
 » 1053 Woche
 » 3754 Monat
 » 61269 Jahr
 » 237569 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü