___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ tag123css3 ___ Die dritte Ausgabe der Cascading Style Sheets-Stilsprache (oft abgekürzt als CSS3) vereint leistungsstarke visuelle Fähigkeiten und vielseitige Designmanipulationstechniken. ___ tag123cssanimations ___ CSS-Animationen ermöglichen das Animieren von Übergängen von einer CSS-Stil-Konfiguration zu einer anderen. Das CSS-Modul beschreibt eine Möglichkeit für Autoren, die Werte von CSS-Eigenschaften über die Zeit mit Keyframes zu animieren. Das Verhalten dieser Keyframe-Animationen kann gesteuert werden, indem die Dauer, die Anzahl der Wiederholungen und das Wiederholungsverhalten festgelegt werden. ___ qstntxt ___

Vor ein paar Monaten habe ich ein animiertes CSS3 AT-AT Ссылка erstellt. Ich baute es hauptsächlich als Lernexperiment auf und um zu sehen, was mit den neuen CSS3-Funktionen möglich war. Wie die meisten Dinge, die wir bauen, habe ich es ins Netz gebracht. Ich habe nicht mit den großen Mengen an Traffic auf der Website gerechnet. Ich dachte, vielleicht ein paar Ansichten von Freunden und Arbeitskollegen, aber es gibt immer noch ein paar hundert Aufrufe pro Woche aus der ganzen Welt.

Als Ergebnis möchte ich es in Bezug auf die CPU-Auslastung etwas schlanker machen. Aus irgendeinem Grund drosseln die Animationen den Speicher. Ich würde mich freuen über jede Rückmeldung von euch netten Leuten auf stackoverflow, die es den Leuten erlauben würde, mein Experiment zu sehen, ohne dass ihre Fans mitmachen.

Auch bevor jemand eine JavaScript / Jquery-Alternative vorschlägt, erinnere ich mich daran, die Fähigkeiten von CSS3 zu testen.

Vielen Dank im Voraus.

    

___ answer10358787 ___

Gute Arbeit. Sie haben meine Augen für das Potenzial von CSS3 für Animationen geöffnet.

Ich kann die Frage, die Sie mir leider gestellt haben, nicht beantworten, aber ich trainiere, um ein Animator zu sein, damit ich einige Vorschläge machen kann, die Ihnen helfen, Ihre Animation zu verbessern:

1. Heben Sie zwei Beine gleichzeitig an: Vorne links und hinten rechts gleichzeitig, dann vorne rechts und hinten links gleichzeitig. Sie müssen gegensätzliche Beine für das Gleichgewicht sein.

2. Die Beine, die nicht angehoben werden, bleiben auf dem Boden stehen, bewegen sich jedoch rückwärts in der Szene, um die Tatsache zu simulieren, dass sich der Körper relativ zu seiner Position vorwärts bewegt.

3. Da die Beine auf dem Boden nach hinten gleiten, wird der Körper natürlich etwas tiefer sinken.

4. Wenn Sie noch mehr Realismus hinzufügen möchten, machen Sie den Körper sofort etwas weiter nach unten, sobald die angehobenen Beine wieder den Boden erreichen, dann kommen Sie wieder nach oben. Dadurch sieht es so aus, als würde sich das Gewicht auf diese Beine verlagern.

___