[gelöst]Wie realisiere ich diesen Hovereffekt?
Eingetragen von Dan77 (53)am 07.12.2011 - 19:19 Uhr in
Guten Abend :-)
ich bin vor einiger Zeit, auf diese Seite gestoßen: http://nerdery.com/projects
Wenn man ein wenig nach unten scrollt, sieht man die bereits realisierten Projekte. Was mich interessiert, wie funktioniert das mit dem Hovereffekt?
Im speziellen: Wenn man sich die Projektbilder anschaut, ohne mit Maus darüber zu fahren, so sind diese "abgedunkelt". Wenn man nun, mit der Maus, darüber fährt, scheinen sie heller.
Genau dieser Effekt interessiert mich. Wie kann ich das umsetzen?
Gruß
Dan
- Anmelden oder Registrieren um Kommentare zu schreiben
Die Beispielseite hat das mit
am 07.12.2011 - 20:27 Uhr
Die Beispielseite hat das mit der CSS - Eigenschaft opacity gelöst.
Folgender Code sollte dafür ausreichen:
img {
opacity: 0.5;
}
img:hover {
opacity: 1:
}
Der Internet Explorer unterstützt diese Eigenschaft bis Version 8 nicht.