zebra striped text lines

by Xiaoke Mao

HTML

<pre><code>while (true) {
	var d = new Date();
	if (d.getDate()==1 &amp;&amp;
	    d.getMonth()==3) {
		alert("TROLOLOL");
	}
}</code></pre>

CSS

pre {
  padding: .5em;
  line-height: 1.5;
  background: hsl(20, 50%, 95%);
  background-image: linear-gradient( rgba(120, 0, 0, .1) 50%, transparent 0);
  background-size: auto 3em;
  background-origin: content-box;
  font-family: Consolas, Monaco, monospace;
}

code {
  font: inherit
}