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
Β 
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
Β 
ishoaib profile image
Shoaib Latif β€’ β€’ Edited

That's awesome πŸ”₯πŸ”₯πŸ”₯πŸ’–πŸ‘

Collapse
Β 
joelbonetr profile image
JoelBonetR πŸ₯‡ β€’

Great job!

Collapse
Β 
Sloan, the sloth mascot
Comment deleted