Temani Afif

Posted on Apr 28, 2022 • Edited on Nov 12

Another CSS Art from Demon Slayer

#showdev #css #html #webdev

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!!"

OR

Top comments (20)

Danny Engelman • Apr 28 '22 • 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>

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/

Chris Bongers • Apr 29 '22

Amazing again! Really impressed by how "lean" your css is even! 💖

Comment deleted

JoelBonetR 🥇 • Apr 28 '22

Great job!

abhishekbhatnagar-oodles • May 1 '22

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

Ezekiel Laten • May 1 '22

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

Adrian Valenzuela • Apr 29 '22

🔥🔥🔥

Shoaib Latif • May 6 '22 • Edited

That's awesome 🔥🔥🔥💖👏

Reynaldo Josué Cano Bárcenas • Apr 28 '22

Wow!!! That's awesome.

Mackan • Apr 28 '22

Delivering as always!!

View full discussion (20 comments)

DEV Community

Another CSS Art from Demon Slayer

"Nezuko!! Where is Nezuko?!"

CSS Art

OR

Top comments (20)

Read next

Can English Replace Java? The Future of Programming in Plain Language

Useful JavaScript tips and tricks that you may not be aware of 💻👨‍💻

3 Myths, 3 Facts, and 3 Strategies to Scale Node.js Apps

Stop Struggling Learn CSS Faster