Hover von links nach Rechts einblenden lassen?

Wie kann man den Hover mit css von links nach Rechts einblenden lassen ?

Also am besten mit webkit-transformation.

Answer 1

[abbrechen]

Wenn du es nur mit css lösen möchtest, packst du in deinen zu hovernden div noch ein div mit der selben Höhe rein und erstellst keyframes, um die Breite von 0 auf 100% skalieren zu lassen.

Comments

[abbrechen]

Wobei, vergiss' was ich gesagt habe. Es reicht eine simple transformation, statt der animation-Funktion.

Ich habe dir mal was vorbereitet: http://codepen.io/anon/pen/EyoAgJ

[Jegor]

@abbrechen

Danke, mit dem zweiten wollte ich auch arbeiten.

Mein Quelltext sieht ungefähr so aus: https://jsfiddle.net/qm2p4Lv5/

Doch der Hover funktioniert nicht.

[abbrechen]

Du hast auch im css angeben, dass das child div von .auflistung sich verändern soll, obwohl "test" kein div hat, sondern die Listenpunkte darunter.

[abbrechen]

So klappt es: https://jsfiddle.net/qm2p4Lv5/1/

Answer 2

[TanteHolger]

Hi,

schau Dir mal diese beiden Funktionen von jQuery an.
https://api.jquery.com/animate/
https://api.jquery.com/hover/