Frage von xxwusaxx, 31

HTML Hover zum % @Keyframe Springen mit CSS3?

Moin,

ich habe ein Slider momentan mit 3 Bildern also 300% overflow:hidden, dieses fährt via Keyframes von links nach rechts und wieder zurück.

die div class hat width: 300%;

Jetzt wollte ich gerne wenn man über ein Element:Hover zu den einen Bild Slidet / Springt.

elemnt:hover zum 100 % doch leider finde ich kein passablen weg, denke ich vielleicht nur falsch ?

Unten meine Keyframes vom Slider

@keyframes slider { 0% { margin-left: 0; } 30% { margin-left: 0; }

40% { margin-left: -100%; }
60% { margin-left: -100%; }

70% { margin-left: -200%; }
100% { margin-left: -200%; }
Antwort
von Minilexikon, 14

Da musst du den Code aus dem 100% nochmal in deinen Code für hover kopieren. Das lässt sich so nicht kombinieren.

Keine passende Antwort gefunden?

Fragen Sie die Community