\'Alien piégé\' Art et animation CSS

Ceci est une soumission pour Frontend Challenge v24.09.04, CSS Art: Space.

Inspiration

Je montre un extraterrestre 2D piégé dans un trou spatial, avec une texture spatiale derrière lui pour créer de la profondeur et de la parallaxe. Il est également interactif au survol de la souris, tout est mon travail original et réalisé en utilisant CSS uniquement, inspiré des dessins animés en particulier le personnages de dessins animés de forme simple avec Alien & UFO Culture.

Démo

Voyage

CSS Art n'est pas quelque chose de nouveau pour moi, j'ai fait du CSS Art à l'époque quand je commençais à apprendre le CSS, cependant ce défi m'a permis de rafraîchir mes connaissances et de les approfondir avec les possibilités imprévisibles du CSS, la seule chose ce qui était complètement nouveau pour moi était : mettre à jour une propriété CSS personnalisée dans une animation et l'utiliser pour faire la transition et un élément d'un état à un autre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!