DEV Community

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

Posted on • Edited on

91 32 1 1 1

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


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!!

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more