Graph Gradient - Purple (Thin)

By: Christopher Burton

by ChristopherBurton

CSS

body {
    background-color: #eee;
    background-size: 42px 42px;
    
    /********** WEBKIT (SAFARI 5.1+) **********/
    background-image:
        -webkit-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 8px, transparent 1px, transparent 30px),
        -webkit-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 8px, transparent 1px, transparent 30px);
    
    
    /********** FIREFOX **********/
    background-image:
        -moz-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 15px, transparent 1px, transparent 30px),
        -moz-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 15px, transparent 1px, transparent 30px);
    
    
    
    /********** OPERA **********/
    background-image:
        -o-repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 15px, transparent 1px, transparent 30px),
        -o-repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 15px, transparent 1px, transparent 30px);
    
    
    background-image:
        repeating-linear-gradient(45deg, rgba(113, 40, 111, .5), rgba(113, 40, 111, 1) 15px, transparent 1px, transparent 30px),
        repeating-linear-gradient(-45deg, rgba(113, 40, 111, .3), rgba(113, 40, 111, .5) 15px, transparent 1px, transparent 30px);    
}