DEV Community

Cover image for Another CSS Art from Demon Slayer
Temani Afif
Temani Afif

Posted on • Updated on

Another CSS Art from Demon Slayer

The last CSS Art I made was so real that he start talking! He was so nervous and screaming everywhere:

"Nezuko!! Where is Nezuko?!"


Stay calm Tanjiro, Nezuko is here 👇

Another CSS-Only illustration to be added to the list of my previous ones:

CSS Art


It's on twitter if you want to spread the word 📣📣


Tanjiro : "Nezuko, let's go!"

Nezuko : "Hum!!"

Nezuko and tanjiro


You want to support me?

buy me a coffee

OR

Become a patron

Top comments (20)

Collapse
 
dannyengelman profile image
Danny Engelman • Edited

And then add declarative shadowDOM to use all in one page, without having to subclass with constructs like .nezuko .face

<temani-nezuko>
  <template shadowroot="open">
     <style>
         ... all CSS here
     </style>
        .... all HTML here
  </template>
</temani-nezuko>
Enter fullscreen mode Exit fullscreen mode

Still NO JavaScript involved... but.. it also does not create the <temani-nezuko> Web Component.

It only displays one instance.

Kamado and Nezuko: jsfiddle.net/WebComponents/1r9cbym2/

Collapse
 
dailydevtips1 profile image
Chris Bongers

Amazing again! Really impressed by how "lean" your css is even! 💖

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
joelbonetr profile image
JoelBonetR 🥇

Great job!

Collapse
 
abhibhatnagar profile image
abhishekbhatnagar-oodles

Absolutely amazing work done....!!!!!!

Collapse
 
lateneze profile image
Ezekiel Laten

This is css at a legendary level. I love your works.

Collapse
 
adrianvalenz profile image
Adrian Valenzuela

🔥🔥🔥

Collapse
 
ishoaib profile image
Shoaib Latif • Edited

That's awesome 🔥🔥🔥💖👏

Collapse
 
roninjosue profile image
Reynaldo Josué Cano Bárcenas

Wow!!! That's awesome.

Collapse
 
vpgmackan profile image
Mackan

Delivering as always!!