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

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! πŸ’–