„Trapped Alien“ CSS-Kunst und Animation

Dies ist eine Einreichung für Frontend Challenge v24.09.04, CSS Art: Space.

Inspiration

Ich zeige einen 2D-Alien, der in einem Weltraumloch gefangen ist, mit einer Weltraumtextur hinter ihm, um etwas Tiefe und Parallaxe zu erzeugen. Außerdem ist es interaktiv, wenn man mit der Maus darüber fährt. Alles ist meine Originalarbeit und wurde nur mit CSS erstellt, inspiriert von Cartoons, insbesondere von Cartoons einfache Zeichentrickfiguren zusammen mit Alien- und UFO-Kultur.

Demo

Reise

CSS-Kunst ist für mich nichts Neues. Ich habe damals, als ich anfing, etwas über CSS zu lernen, einige CSS-Kunst gemacht. Diese Herausforderung ermöglichte es mir jedoch, mein Wissen aufzufrischen und es mit den unvorhersehbaren Möglichkeiten von CSS zu vertiefen, das Einzige Das war für mich völlig neu: Eine benutzerdefinierte CSS-Eigenschaft in einer Animation zu aktualisieren und sie für den Übergang und das Element von einem Zustand in einen anderen zu verwenden.

Das obige ist der detaillierte Inhalt von„Trapped Alien“ CSS-Kunst und Animation. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!