Betrachten Sie die CSS-Animation, um animierte GIFs in Laderollen zu ersetzen.
Es gibt ein einfaches Beispiel hier Ссылка
%Vor%Ich möchte die Bildrate so ändern, dass es nur 12 Bilder pro Zyklus gibt. Dies würde die Fließfähigkeit der Animation, die dem animierten GIF entspricht, das sie ersetzt, besser ausgleichen.
Kann das gemacht werden?
Sie möchten steps() für die Beschleunigungsfunktion anstelle von linear verwenden.
Ich habe Ihren Animationswert von:
geändert %Vor%zu:
%Vor% Wo die Zahl innerhalb der Funktion steps ist, wie viele Frames wird die Animation in geteilt.
Referenz: Ссылка - etwa auf halbem Weg gibt es einen Abschnitt namens Schritte ()
Ändern Sie die Animation zu einer verblassenden und verwenden Sie dann das CSS-Transformationsrotationsattribut, um jeden Block in 30-Grad-Intervallen zu fixieren. Übernehmen Sie die Animation für jede einzelne, aber um .1s verzögert.
%Vor%QED.
Tags und Links css3 css-animations frame-rate