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

Oldest comments (20)

Collapse
 
posandu profile image
Posandu

Amazing work Temani!

Collapse
 
joelbonetr profile image
JoelBonetR πŸ₯‡

Great job!

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
 
alexandreneto profile image
Alexandre Neto

Nice job!!!

Collapse
 
vpgmackan profile image
Mackan

Delivering as always!!

Collapse
 
roninjosue profile image
Reynaldo JosuΓ© Cano BΓ‘rcenas

Wow!!! That's awesome.

Collapse
 
renanfranca profile image
Renan Franca

Hell yeah!!πŸ™‹β€β™‚οΈπŸ‘

Collapse
 
sznroe profile image
Sujan Rai

Wow Thanks I was requesting for it

Collapse
 
adrianvalenz profile image
Adrian Valenzuela

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

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
 
amisha2002 profile image
Amisha Kulkarni

Impressive coding btw thanks for sharing!

Collapse
 
lateneze profile image
Ezekiel Laten

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

Collapse
 
nottheotaku profile image
Soham

But... how?

Collapse
 
nottheotaku profile image
Soham

Like what api or software

Collapse
 
afif profile image
Temani Afif

There is no API or Software, it's a HTML and CSS code that I wrote (The code is shared in the post)

Thread Thread
 
nottheotaku profile image
Soham

Oh

Collapse
 
abhibhatnagar profile image
abhishekbhatnagar-oodles

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