DEV Community

Cover image for ๐ŸงŸโ€โ™€๏ธ Pure CSS Zombie ๐ŸงŸโ€โ™‚๏ธ
Jorge Baumann
Jorge Baumann

Posted on • Updated on

๐ŸงŸโ€โ™€๏ธ Pure CSS Zombie ๐ŸงŸโ€โ™‚๏ธ

Hi everybody! Welcome to another exciting post about CSS.

First of all, check out the live demo: https://zombie-css.netlify.com/

In this video, I recorded the process from 0 to zombie. Made with vue.js and stylus preprocesor for the CSS.

Subscribe if you liked it. It's a newly released channel.

On the occasion of the halloween party ๐ŸŽƒ I made this super awesome ๐ŸงŸโ€โ™€๏ธ Zombie ๐ŸงŸโ€โ™‚๏ธ in CSS, from scratch. 100% CSS, 0% images.

Zobie-CSS

On the left (๐Ÿ‘ˆ) you can see the first version of the zombie, which was developed while the screen was being recorded.

On the right (๐Ÿ‘‰) you can see the second version of the zombie, which was created during a refactoring process and without being recorded ๐Ÿ˜…. This one is the final version.


๐Ÿ”ฅ You can check the source code here and follow me if you want.
I usually create open source repos with ~interesting~ funny stuff like this.

GitHub logo baumannzone / zombie-css

๐ŸงŸโ€โ™€๏ธ Pure CSS Zombie ๐ŸงŸโ€โ™‚๏ธ - Happy Halloween ๐ŸŽƒ


Check out the color palette here: https://coolors.co/292c34-ffffff-b4e900-fe338f-ff70b5

color-palette


Let me know what you think in the comments below. ๐Ÿ‘ป

๐ŸŽƒ Happy Halloween! ๐ŸŽƒ

Top comments (3)

Collapse
 
sebbestune profile image
Sebastian Lindgren

I love css-art like this! I find stuff like this especially interesting since it's pure css. Great job! I also enjoyed to see some of your process, smart to use the auto-page-reloading of Vue!

Collapse
 
baumannzone profile image
Jorge Baumann

Sebastian, thank you!
Yes, I usually use vue for the hot reloading and the templating system. Also it's super easy to deploy a vue project in netlify :D

Collapse
 
karexpeter61881 profile image
Info Comment hidden by post author - thread only accessible via permalink
Karex Peter

The Walking Zombie 2 mod apk is a popular zombie-themed first-person shooter game for Android devices. The mod apk version of the game offers additional features and perks to enhance the gameplay experience. These can include unlimited money, weapons, health, and upgrades, as well as unlocking premium features and levels. With "The Walking Zombie 2" mod apk, players can enjoy an exciting and immersive zombie shooting adventure without worrying about in-app purchases or limited resources.

Some comments have been hidden by the post's author - find out more