Mehrere Übergänge CSS.

Question

Ich versuche, mehrere Übergänge in einem Hover-Status herzustellen.

http://cssdesk.com/vbvtx

Ich möchte, dass das Bild zuerst zuerst auf die hinterlassene 20deg dreht, und dann zurück zum Anfang und dann auf das direkt durch 20 gneg .

Ich habe es versucht:

generasacodicetagpre.

und

generasacodicetagpre.

wäre ich am besten, ein vor / danach zu verwenden?

Vielen Dank im Voraus

Answer 1

css3 Keyframe-Animation wäre besser geeignet, um zu machenMit diesem Effekt können Sie mehrere Zustände definieren und zwischen diesen Zuständen animieren.

Die folgende Demo dreht das Bild, das 20 Grad linke wird, und dann wieder in den normalen Zustand, pause und drehen Sie 20 Grad.Die Animation wird auf dem Hover gestartet.

Demo

generasacodicetagpre.