DEV Community

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

Posted on • Edited 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


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
 
adrianvalenz profile image
Adrian Valenzuela

πŸ”₯πŸ”₯πŸ”₯

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
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
sznroe profile image
Sujan Rai

Wow Thanks I was requesting for it

Collapse
 
joelbonetr profile image
JoelBonetR πŸ₯‡

Great job!

Collapse
 
amisha2002 profile image
Amisha Kulkarni

Impressive coding btw thanks for sharing!

Collapse
 
vpgmackan profile image
Mackan

Delivering as always!!