JSFiddle - React, Tailwind, and code Playground

by gunderson

HTML

<script src="https://raw.github.com/gunderson/jquery.stripes/master/dist/jquery.stripes.min.js"></script>
<img id="stripes"/>

CSS

#stripes{
  display:none;
}

JavaScript

$('#stripes').stripes({
    lineWidth: 10,
    separation: 10,
    angle: 45, // degrees
    degrees: true, // false for radians
    foregroundColor: "#000", // takes any css color;
    backgroundColor: null //transparent by default
});
$('body').css('backgroundImage', 'url(' + $('#stripes').attr('src') + ')');