Hover-Effekt mit CSS-Code "transition" und Background-Image
Hallo Leute,
habe grade ein Problem wofür ich sowohl hier als auch sonst irgendwo im Netz keine Antwort finde.
Es geht, wie in dem Thread-Titel erwähnt, darum, dass ich einen Link mit einem Hover-Effekt + Background-Image
mit dem CSS-Code "transition" mit einem sanften übergang einblenden lassen möchte.
Allerdings will die Einblendung mit Hintergrundbild nicht funktionieren. Nur die Schrift blendet langsam ein und wenn ich
statt der Hintergrundgrafik nur eine Farbe benutze funktioniert das auch...Das Hintergrundbild will nicht "faden". :/
Hier einmal der Code:
Code:
#mod_customnav a {
color: #807767;
display: block;
font-family: Helvetica;
font-style: italic;
letter-spacing: 1px;
margin: 5px 2.5px;
padding-left: 20%;
padding-right: 20%;
text-align: center;
text-decoration: none;
transition: all 1000ms ease 0s;
}
Würde mich freuen wenn mir da jemand helfen kann! :)
Danke im Vorraus
Ben
Das ganze jetzt mit Dropdownmenü
Moin Leute!
Hat ja alles super geklappt, bis jetzt! :-)
Aber wie es nunmal so ist folgt einem Problem dem nächsten :/
Muss jetzt noch Unterseiten unterbringen via Dropdownmenü.
Allerdings steht dem jetzt die ganze Geschichte mit der BG-Image beim hovern im weg.
Für das Dropdownmenü ist alles soweit richtig angelegt...
Damit das DD-Menü so angezeigt wird wie ich es haben möchte hab ich dem Element "#mod_customnav .nonavlink_css" die position "static" geben!
Dabei verrutsch aber die BG-Grafik...
Ich habe schon versucht die zuvor angelegten ":before" befehle zu duplizieren und damit das Element "mod_customnav .nonavlink_css span" anzusprechen.
Das ist aber alles nicht zielführend...
Grade ist #mod_customnav li:hover .level_2 auf position "static" eingestellt, so dass das Dropdownmenü auch ausklappt, aber die Navi wird dabei auseinander "gedrückt".
Irgendwer ne Ahnung wie das zu lösen ist?