DEV Community

Nastassia Danilova
Nastassia Danilova

Posted on

Boo! Pure CSS Halloween card 🎃

It's Halloween eve now and here's my pure HTML&CSS card on GitHub profile README.md

GitHub Profile README.md

How to insert full HTML to markdown?

use foreignObject in SVG

<svg fill="none" viewBox="0 0 400 400" width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <foreignObject width="100%" height="100%">
    <div xmlns="http://www.w3.org/1999/xhtml">
      <style>
      .cat {
        position: relative;
        padding-left: 50px;
        height: 300px;
        width: 300px;
      }
     </style>
     <div class="cat" />
   </div>
  </foreignObject>
</svg>
Enter fullscreen mode Exit fullscreen mode

use SVG file in markdown as usual image

![](./halloween.svg)
Enter fullscreen mode Exit fullscreen mode

live demo

Discussion (0)