[Gelöst] Was ist denn das für ein visueller CSS-Effekt (oder doch JavaScript)?

[KloBoBBerLe]

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

[fiedsch]

Ich nehme an CSS Transitions https://developer.mozilla.org/en-US/...SS_transitions

Im CSS finde ich

#topmenu ul ul li {
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

[KloBoBBerLe]

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

[the_scrat]

Wie funktioniert denn die Animation der Linie in diesem Hauptmenü:

www.dowwaterandprocess.com

Mit Javascript (jquery) und CSS :-) Gibt wohl auch reine CSS Lösungen, aber die sind sehr umständlich....

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

[KloBoBBerLe]

Mit Javascript (jquery) und CSS :-)

Der Effekt nennt sich Lavalamp. Bei Google findet man da einiges darüber...

Fantastisch, ganz herzlichen Dank!

Gibt wohl auch reine CSS Lösungen, aber die sind sehr umständlich....

Nicht unbedingt!

Viele Grüße
KloBoBBerLe