CSS Background

by Adam Nekola

CSS

html {position:relative;}
body {
    background-color: hsla(222, 49%, 26%, 0.8);
background-image:   
  repeating-linear-gradient(0deg, #222 0px, #222 1px, transparent 1px, transparent 10px),
  repeating-linear-gradient(0deg, hsla(222, 49%, 26%, 0.3) 0px, hsla(222, 49%, 26%, 0.3) 10px, transparent 10px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 10px, hsla(222, 49%, 26%, 0.6) 10px, hsla(222, 49%, 26%, 0.6) 20px, transparent 20px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 20px, hsla(222, 49%, 26%, 0.1) 20px, hsla(222, 49%, 26%, 0.1) 30px, transparent 30px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 30px, hsla(222, 49%, 26%, 0.4) 30px, hsla(222, 49%, 26%, 0.4) 40px, transparent 40px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 40px, hsla(222, 49%, 26%, 0.7) 40px, hsla(222, 49%, 26%, 0.7) 50px, transparent 50px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 50px, hsla(222, 49%, 26%, 0.5) 50px, hsla(222, 49%, 26%, 0.5) 60px, transparent 60px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 60px, hsla(222, 49%, 26%, 0.2) 60px, hsla(222, 49%, 26%, 0.2) 70px, transparent 70px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 70px, hsla(222, 49%, 26%, 0.1) 70px, hsla(222, 49%, 26%, 0.1) 80px, transparent 80px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 80px, hsla(222, 49%, 26%, 0.2) 80px, hsla(222, 49%, 26%, 0.2) 90px, transparent 90px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 90px, hsla(222, 49%, 26%, 0.6) 90px, hsla(222, 49%, 26%, 0.6) 100px, transparent 100px, transparent 120px),
  repeating-linear-gradient(0deg, transparent 0px, transparent 100px, hsla(222, 49%, 26%, 0.3) 100px, hsla(222, 49%, 26%, 0.3) 110px, transparent...