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. :)