Ein Element auf der Y-Achse drehen

9

Ich habe eine einfache Keyframe-Animation eingerichtet, um ein Element auf der Y-Achse zu drehen , aber es ist abgehackt, fehlt mir eine Eigenschaft?

%Vor% %Vor%
    
Mintberry 02.06.2015, 12:31
quelle

2 Antworten

12

Der "abgehackte" Effekt wird erzeugt, weil animation-timing- Funktion (Leichtigkeit), sollten Sie es auf linear setzen.

Es macht auch keinen Sinn, die Zustände auf 20%, 40% festzulegen ... Für die Keyframe-Animation können Sie einfach den Endzustand mit dem Schlüsselwort "to" angeben:

%Vor% %Vor%

Beachten Sie, dass Sie abhängig von den zu unterstützenden Browsern auch Anbieterpräfixe verwenden müssen. Weitere Informationen finden Sie unter canIuse .

    
web-tiki 02.06.2015, 12:38
quelle
2

Meinst du es so?

%Vor% %Vor%

Die Änderungen bestehen darin, eine Timing-Funktion hinzuzufügen, die linear ist (und nicht eine Leichtigkeit) und die Animation ein wenig klarer zu machen, was vor sich geht.

    
Rich Bradshaw 02.06.2015 12:38
quelle

Tags und Links