<h1 style="font-size:150pt">Zèbre</h1>

body {
  text-align: center;
  margin-top: 50px;
}
@element 'h1' {
  $this {
    margin: 0 auto;
    display: inline-block;
    width: auto;
    color: black;
    line-height: 1;
    font-weight: 700;
    padding-right: .1em;
    text-shadow: white .02em .02em 0;
    font-family: serif;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='zebra' width='4' height='4' patternUnits='userSpaceOnUse' patternTransform='rotate(-35 50 50)'%3E%3Cline stroke='black' stroke-width='4px' y2='4px'/%3E%3C/pattern%3E%%3C/defs%3E%3Ctext x='eval("offsetHeight/25")px' y='eval("offsetHeight/1.135")px' fill='url(%23zebra)' font-size='eval("style.fontSize")' font-weight='700' font-family='serif'%3Eeval("innerHTML")%3C/text%3E%3C/svg%3E");
  }
}