CSS Gradient Backgrounds

http://www.webstutorial.com/css3-gradient-textures/css3

HTML

<article id="texture3"></article>

CSS

/* Globals */
body {
    background: #fff;
    padding: 0px;
    margin: 0px;
    font-family: Trebuchet MS;
    background-repeat: repeat;
    padding-top:5%;
}

p,h1,h2,h3 {
    margin: 0;
    padding: 0;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #fff;
    color: #8CBBC8;
}

@font-face {
    font-family: icons;
    src: url('icons.ttf');
}

article{
    width:700px;
    height:150px;
    border-radius:5px;
    margin:15px auto;
}

/* Gradient */

#texture1{
    background-image: -moz-linear-gradient(90deg, #9fc9d7, #9fc9d7 2px, #a3dcf0 2px, #a3dcf0 4px, #9fc9d7 4px);
    background-image: -webkit-linear-gradient(90deg, #9fc9d7, #9fc9d7 2px, #a3dcf0 2px, #a3dcf0 4px, #9fc9d7 4px);
    background-repeat: repeat;
    background-size: 2px 4px;
}

#texture2{
    background-image: -moz-linear-gradient(0deg, #202125, #202125 2px, #292a2e 2px, #292a2e 4px, #202125 4px);
    background-image: -webkit-linear-gradient(0deg, #202125, #202125 2px, #292a2e 2px, #292a2e 4px, #202125 4px);
    background-repeat: repeat;
    background-size: 5px 10px;
}

#texture3{
    background-image: -moz-linear-gradient(90deg, #9dd9da, #9dd9da 15px, #a6dcde 15px, #a6dcde 30px, #9dd9da 30px);
    background-image: -webkit-linear-gradient(90deg, #9dd9da, #9dd9da 15px, #a6dcde 15px, #a6dcde 30px, #9dd9da 30px);
    background-repeat: repeat;
    background-size: 15px 30px;
}

#texture4{
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0.25));
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .25) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .25) 75%, rgba(0, 0, 0, .25)), -webkit-linear-gradient(45deg, rgba(0, 0, 0, .25) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .25) 75%, rgba(0, 0, 0, .25));
   ...