JSFiddle - React, Tailwind, and code Playground

by Hastig Z

HTML

<div class="myDiv">Repeating Linear Gradient</div>

CSS

html, body { height: 100%; width: 100%; padding: 0; margin: 0; }

.myDiv { /* from css tricks https://css-tricks.com/stripes-css/ */
  height: 100%;  width: 100%;
  display: flex; justify-content: center; align-items: center;
	background: 
		repeating-linear-gradient(
			90deg,
			transparent,
			transparent 10px,
			#ccc 10px,
			#ccc 20px
		)
}