Temani Afif

Posted on Apr 28, 2022 • Updated on Apr 14, 2023

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

You want to support me?

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

You want to support me?

OR

Top comments (20)

Read next

Unlocking VS Code: The Ultimate Cheatsheet for Developers

12 Useful Developer Tools You Will Wish You Knew Sooner 🧑‍💻🧙

How to create a Top Loading Indicator In Next.js 14

A Developer’s Guide to Choosing the Best Notification Platform