DEV Community

Cover image for Another CSS Art from Demon Slayer

Another CSS Art from Demon Slayer

Temani Afif on April 28, 2022

The last CSS Art I made was so real that he start talking! He was so nervous and screaming everywhere: "Nezuko!! Where is Nezuko?!" ...
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!!

Collapse
 
amisha2002 profile image
Amisha Kulkarni β€’

Impressive coding btw thanks for sharing!

Collapse
 
renanfranca profile image
Renan Franca β€’

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

Collapse
 
sznroe profile image
Sujan Rai β€’

Wow Thanks I was requesting for it

Collapse
 
alexandreneto profile image
Alexandre Neto β€’

Nice job!!!

Collapse
 
posandu profile image
Posandu β€’

Amazing work Temani!

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
 
spaboi profile image
SPABOI β€’

This should be like a type of NFT. You’re creations are amazing dude. Keep up the good work. ❀️❀️πŸ”₯πŸ”₯πŸ”₯πŸ’–πŸ’– love the art. :)