Habe die Menüleiste u.a. dahingehend modifiziert, dass ich zusätzliche Icons für die entsprechenden Menüpunkte hinzufügte. Desweiteren wird z.B bei "hover" über "Hilfe" ein hellgrauer Hintergrund eingeblendet (siehe code). Das geschieht durch einen Übergangseffekt (transition). Das funktioniert auch alles einwandfrei. Ich möchte jetzt aber noch zusätzlich folgendes bewirken: Bei Entfernen des Mauszeigers soll ebenfalls ein "transition"-Effekt in die Ausgangssituation (ohne hellgrauen Hintergrund) erfolgen Was kannn man da machen?
CSS
#helpMenu
{
-moz-appearance:none!important;
background: url('./Icons/Fragezeichen blau.png')no-repeat !important;
font-weight:bold!important;
padding-left:18px!important;
padding-top:3px!important;
background-position:2px 3px!important;
}
#helpMenu:hover{
-moz-appearance:none!important;
background: lightgrey url('./Icons/Fragezeichen blau.png')no-repeat !important;
transition: background 400ms linear!important;
padding-left:18px!important;
padding-top:3px!important;
background-position:2px 3px!important;}
Alles anzeigen