A Pen by Sean McConnell.

index.html

<div id="bg1"></div>
<div class="bg2"></div>
<div class="bg3"></div>
<div class="bg4"></div>

Low-Contrast-Diagonal-Stripes-Background.markdown

Low Contrast Diagonal Stripes Background

This is the background pattern I'm using in my personal website.

Forked from fsa's Pen Low Contrast Diagonal Stripes Background.

Forked from Georgi Paskov's Pen Low Contrast Diagonal Stripes Background.

A Pen by Sean McConnell on CodePen.

License.

style.css

body{
background: -webkit-linear-gradient(45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: -moz-linear-gradient(45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: -o-linear-gradient(45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: linear-gradient(45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background-size:100px 100px;
}
body:before{
background: -webkit-linear-gradient(-45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: -moz-linear-gradient(-45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: -o-linear-gradient(-45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background: linear-gradient(-45deg,#E54242 0%, #B12E36 25%, #E54242 25%, #B12E36 50%, #E54242 50%, #B12E36 75%, #E54242 75%, #B12E36);
background-size:100px 100px;
}