Skip to content

Instantly share code, notes, and snippets.

@emanuer
Created February 12, 2019 10:17
Show Gist options
  • Save emanuer/c42daaff8b630e0190b0d588296d8c48 to your computer and use it in GitHub Desktop.
Save emanuer/c42daaff8b630e0190b0d588296d8c48 to your computer and use it in GitHub Desktop.
.slanted-svg {
background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><style>.strk {stroke:black;stroke-width:2px;vector-effect:non-scaling-stroke;} .slant{stroke-width:1px}</style><line x1='0' y1='0' x2='100' y2='0' class='strk'/><line x1='100' y1='0' x2='100' y2='90' class='strk'/><line x1='100' y1='90' x2='90' y2='100' class='strk slant'/><line x1='90.5' y1='100' x2='0' y2='100' class='strk'/><line x1='0' y1='100' x2='0' y2='0' class='strk'/></svg>");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment