Diagonal Graph Gradient 2 - Large

By: Christopher Burton

by ChristopherBurton

CSS

body {
            background-color: #fff;
            background-size: 102px 102px;

/********** WEBKIT (SAFARI 5.1+) **********/
            background-image:
                 -webkit-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 30px, transparent 1px, transparent 72px),

                 -webkit-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 30px, transparent 1px, transparent 72px);



/********** FIREFOX **********/
            background-image:
                 -moz-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 30px, transparent 1px, transparent 72px),

                 -moz-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 30px, transparent 1px, transparent 72px);



/********** OPERA **********/
            background-image:
                 -o-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 30px, transparent 1px, transparent 72px),

                 -o-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 30px, transparent 1px, transparent 72px);

    
/********** NON-PREFIX **********/
            background-image:
                 repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 30px, transparent 1px, transparent 72px),

                 repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 30px, transparent 1px, transparent 72px);

}