Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
October 30, 2020 01:57 pm GMT

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


Original Link: https://dev.to/nastassiadanilova/boo-pure-css-240p

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To