Diagonal Graph Gradient

By: Christopher Burton

by ChristopherBurton

CSS

body {
      background-color: #f1f1f1;
      background-size: 22px 22px;            
            
      background-image: 
-webkit-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 2px, transparent 15px),
-webkit-repeating-linear-gradient(-45deg, pink, pink 1px, transparent 2px, transparent 15px);


      background-image:
-moz-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 2px, transparent 15px),
-moz-repeating-linear-gradient(-45deg, pink, pink 1px, transparent 2px, transparent 15px);


      background-image:
-o-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 2px, transparent 15px),
-o-repeating-linear-gradient(-45deg, pink, pink 1px, transparent 2px, transparent 15px);


      background-image:
repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 2px, transparent 15px),
repeating-linear-gradient(-45deg, pink, pink 1px, transparent 2px, transparent 15px);
  
}