Liebe Leser,
kann mir denn jemand von den CSS-Experten hier verraten, um welchen Effekt es sich bei diesem Untermenü handelt?
Gesucht ist der Effekt bei Mouseover des Hauptmenüs im Drop-Down-Menü, bei dem die einzelnen Menüpunkte einen dynamischen Farbwechsel erhalten...
Das schaut ja nicht schlecht aus... :)
Besten Dank und viele Grüße
KloBoBBerLe
Ich nehme an CSS Transitions https://developer.mozilla.org/en-US/...SS_transitions
Im CSS finde ich
Code:#topmenu ul ul li {
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease-in-out;
}
Hallo fiedsch,
ganz herzlichen Dank für Deine nette Hilfe! Und gleich noch eine Frage... :)
Wie funktioniert denn die Animation der Linie in diesem Hauptmenü:
www.dowwaterandprocess.com
Die Animation der Linie unter jedem einzelnen Menüeintrag wäre ja einfach (siehe unten), aber in diesem Menü "wandert" die Linie zusätzlich noch über die gesamte Menübreite dynamisch zwischen den Menüeinträgen hin- und her?
Für jeden einzelnen Menüeintrag würde die Lösung so aussehen: JSFiddle-Beispiel
Herzlichen Dank für Eure Unterstützung! :)
Viele Grüße
KloBoBBerLe
Mit Javascript (jquery) und CSS :-) Gibt wohl auch reine CSS Lösungen, aber die sind sehr umständlich....Zitat:
Zitat von KloBoBBerLe
Der Effekt nennt sich Lavalamp. Bei Google findet man da einiges darüber....
Hier ein Beispiel:
http://www.gmarwaha.com/jquery/lavalamp/index.php#demo2
Fantastisch, ganz herzlichen Dank! :)Zitat:
Zitat von the_scrat
Nicht unbedingt! :)Zitat:
Zitat von the_scrat
Viele Grüße
KloBoBBerLe