Da ich mich auch auf technischer Ebene weiterentwickeln möchte, will ich die Zeit innerhalb meines Masters nutzen, um mich näher mit CSS-Animationen auseinanderzusetzen. Ich sehe in ihnen riesiges, gestalterisches Potenzial und bin überzeugt davon, dass es sich auszahlen wird mehr, darüber zu wissen. Zum einen sprechen mich dezente Animationen von Typografie oder grafischen Elementen sehr an. Zum anderen finde ich es großartig, dass Objekte komplett durch Code entstehen und animiert werden können. Bei meiner Recherche bin ich bereits auf gute Beispiele auf CodePen gestoßen, die mir als erste Grundlage dienen sollen. Ich habe mir für die ersten Versuche zwei Beispiele ausgesucht, die sich in Komplexität sehr unterscheiden. Beides sind nur Grafiken auf einer Farbfläche, jedoch scheint »Submarine with CSS« auf den ersten Blick sehr viel weniger komplex als der BB-8 zu sein.
Submarine with CSS von Alberto Jerez: CodePen »
Star Wars BB-8: Pure CSS Animation, Single Dev, 8Bit von Udith Ishara Madusanka: CodePen »
Abbildungen
- Titelbild: Eigener Screenshot; Jerez, Alberto: »Submarine with CSS«, URL: https://codepen.io/ajerez/pen/EaEEOW, abgerufen am 3.3.2017.