CSS3 steps pattern (gradients)

Step pattern created with CSS3 gradients

by secretgspot

CSS

html {height:100%;}
body {
    min-height: 100%;
    background-color: #FF7D9D;
    background-size: 58px 58px;
    background-position: 
        0px 2px,
        4px 35px,
        29px 31px,
        33px 6px,
        
        0px 36px,
        4px 2px,
        29px 6px,
        33px 30px;

    background-image: 
        -webkit-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -webkit-linear-gradient(295deg, #C90032 23px, transparent 23px),
        -webkit-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -webkit-linear-gradient(295deg, #C90032 23px, transparent 23px),
        
        -webkit-linear-gradient(115deg, #C90032 10px, transparent 10px),
        -webkit-linear-gradient(295deg, #C90032 10px, transparent 10px),
        -webkit-linear-gradient(115deg, #C90032 10px, transparent 10px),
        -webkit-linear-gradient(295deg, #C90032 10px, transparent 10px);
    background-image: 
        -moz-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -moz-linear-gradient(295deg, #C90032 23px, transparent 23px),
        -moz-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -moz-linear-gradient(295deg, #C90032 23px, transparent 23px),
        
        -moz-linear-gradient(115deg, #C90032 10px, transparent 10px),
        -moz-linear-gradient(295deg, #C90032 10px, transparent 10px),
        -moz-linear-gradient(115deg, #C90032 10px, transparent 10px),
        -moz-linear-gradient(295deg, #C90032 10px, transparent 10px);
    
    background-image: 
        -o-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -o-linear-gradient(295deg, #C90032 23px, transparent 23px),
        -o-linear-gradient(115deg, #C90032 23px, transparent 23px),
        -o-linear-gradient(295deg, #C90032 23px, transparent 23px),
        
        -o-linear-gradient(115deg, #C90032 10px, transparent 10px),
        -o-linear-gradient(295deg, #C90032 10px, transparent 10px),
        -o-linear-gradient(115deg, #C90032 10px,...