DEV Community

Discussion on: Another CSS Art from Demon Slayer

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/