CSS -Animationen

CSS -Animationen
CSS -Animationen Level 1
Contra-zoom aka dolly zoom animation.svg
Interaktiver SVG mit a schweben Wirkung
Abkürzung CSS-Animations-1
Einheimischer Name
CSS -Animationen
Status W3C Arbeitsentwurf
Erstmals veröffentlicht 20. März 2009[1]
Letzte Version Level 1
11. Oktober 2018[2]
Vorschau -Version Entwurf des Herausgebers
[3]
Organisation World Wide Web Konsortium
Komitee CSS -Arbeitsgruppe
Redakteure
  • Dean Jackson
  • L. David Baron
  • Tab Atkins Jr.
  • Brian Birtles
  • David Hyatt
  • Chris Marrin
  • Sylvain Galineau
[2]
Grundstandards CSS
Domain CSS
Webseite www.W3.org/Tr/CSS-Animations-1/

CSS -Animationen ist ein vorgeschlagenes Modul für Cascading Style Sheets das erlaubt das Animation von Html Dokumentelemente mit CSS.

Geschichte

Während die Pseudoklasse :schweben Wurde seit Jahren zur Generierung von rudimentären Animationen verwendet, waren die Verlängerungen von CSS in den Bereich der Animation bis zum späten Jahrzehnt Ende der 2000er Jahre minimal. Bereits 2007, Webkit hatte seine Absicht angekündigt, CSS -Animationen, Übergänge und Transformationen als Funktionen von Webkit einzubeziehen. Es kündigte auch die Implementierung von implizitem und explizit World Wide Web Konsortium (W3C).

Aktuell

CSS -Animationen sind ein Modul von Cascading -Stilblättern. Es ermöglicht Benutzern, über Objekte zu schweben, und eine Animation wird abgespielt. Derzeit wird es von allen großen Suchmaschinen übernommen. Trotz der Kontroverse derjenigen, die Animation über JavaScript bevorzugen, wird das Hover -Tag nun in der Cascading Style Sheets Community häufig verwendet.

Skalierbare Vektorgrafiken

Animierte SVG mit CSS 3
Hauptartikel: SVG -Animation § SVG -Animation mit CSS

Zusätzlich zu schweben, Skalierbare Vektorgrafiken Unterstützt die @keyframes AT-RULE, so dass ein begrenzter Satz von Transformationen animiert werden kann. Firefox und Chrome verwendeten die @-moz-keyframes und @-webkit-keyframes Erweiterungen vorher @keyframes wurde zur CSS 3 -Spezifikation hinzugefügt.[2]

Browserunterstützung

Ab Juni 2011 enthält Firefox 5 CSS -Animationenunterstützung.[4] Die CSS -Animation ist auch als Modul in den nächtlichen Builds von Webkit sowie als Modul erhältlich Google Chrome, Safari 4 und 5 und Safari für iOS (iPhone, iPod touch, iPad), Android Versionen 2.x und 3.x, Internet Explorer 10+ und Microsoft Edge Browser, der Blackberry OS 6 Webbrowser, mit dem -Webkit- Präfix.[5][6][7] Es wird auch in verwendet iTunes 9 Um zu unterstützen iTunes LP Dateien.

Kontroverse

Schon früh in der Entwicklung der CSS JavaScript[8] oder, in geringerem Maße, aus dem Ausmaß, Synchronisierte Multimedia -Integrationssprache (Lächelt); Andere haben behauptet, dass es sich um eine Bewegung handelt Apple Inc., der Hauptsponsor des Webkit -Projekts, um die Einbeziehung von zu umgehen Adobe Flash (und der Amtsinhaber Flash -Animationen) auf dem Unternehmen des Unternehmens iOS Linie von mobilen Geräten, die verwenden Safari.[9][10][11] Obwohl Cascading -Stilblätter eine relativ einfach zu verwendende Programmiersprache sind, haben viele Programmierer immer noch Schwierigkeiten mit Animationen. Mit diesem Problem haben mehrere Personen und Websites Open -Source -CSS -Taste mit Code entwickelt und erstellt[12] Damit Benutzer kopieren können. Trotz dieser früheren Kontroversen können CSS -Animationen überwiegend gefunden und im Internet weit verbreitet sind.

Siehe auch

Verweise

  1. ^ "CSS -Animationen Level 1 Publication History - W3C". W3c. n.d. Abgerufen 2021-04-09.
  2. ^ a b c Jackson, Dean; Baron, L. David; Atkins Jr., Tab; Birtles, Brian; Hyatt, David; Marrin, Chris; Galineau, Sylvain, Hrsg. (2018-10-11). "CSS -Animationen Level 1". W3c. CSS -Arbeitsgruppe. Abgerufen 2021-04-09.
  3. ^ Jackson, Dean; Baron, L. David; Atkins Jr., Tab; Birtles, Brian; Hyatt, David; Marrin, Chris; Galineau, Sylvain, Hrsg. (2021-01-27). "CSS -Animationen Level 1". CSS Working Group Editor Entwürfe. Abgerufen 2021-04-09.
  4. ^ Mozilla Firefox Freisetzungsnotizen, The Mozilla Foundation, 2011-06-21, archiviert vom Original am 2014-02-12, abgerufen 2021-04-09
  5. ^ Hyatt, Dave (2007-10-31), "CSS -Animation | Webkit", WebkitSurfensafari, abgerufen 2021-04-09
  6. ^ Jackson, Dean (2009-02-05), "CSS -Animation | Webkit", WebkitSurfensafari, abgerufen 2021-04-09
  7. ^ "@KeyFrames Regel (Internet Explorer)", Microsoft Docs, Microsoft, 2018-11-25, archiviert von das Original Am 2018-11-26, abgerufen 2021-04-09
  8. ^ Snook, Jonathan (2007-10-31), CSS -Animationen in Safari, Snook.ca, archiviert vom Original am 2021-01-27, abgerufen 2021-04-09
  9. ^ Kim, Arnold (2009-02-06), CSS -Animation kommt nach Safari, bereits im iPhone. Weniger Abhängigkeit von Flash?, Macrumors.com, abgerufen 2021-04-09
  10. ^ Palmer, Robert (2009-02-06), CSS -Animation, um den Bedarf an Flash in Mobilesafari zu ersetzen? Unwahrscheinlich, Das inoffizielle Apple Weblog, abgerufen 2021-04-09
  11. ^ Ferrari, Vincent (2009-02-09), CSS -Animationen: Ein Flash -Ersatz?, Apfelgedanken, abgerufen 2021-04-09
  12. ^ ButtonInimations (2019-12-11). "Button -Animationen CSS (W/ Code)". Buttonimimationen. Abgerufen 2021-04-09.

Externe Links