hover, active

Bei Links

Warnhinweis: active gilt nur einen kurzen Moment lang, wenn der Klick / der Touch erfolgt.

• Kurzvorstellung von Stylesheets
• Syntax von CSS
• Wichtige Properties
• CSS Selektoren

a:link { color: blue; }          /* Unvisited links */
a:visited { color: purple; }     /* Visited links */
a:hover { background: yellow; }  /* User hovers */
a:active { color: red; }        /* Active links */
a:any-link { text-decoration: none; }

Bei einem Bild

Warnhinweis: Auf Geräten ohne Maus (z.B. Smartphones) ist die 2. Version des Bildes nicht zugänglich! Keine Maus, kein hover!

#manhattan {
  width: 800px;
  height: 188px;
  background-image: url(manhattan.jpg);
  background-size: cover;
  background-position:  left top;
}
#manhattan:hover {
  background-position: left 192px;
}

Und hier nochmal das ganze Bild.