.linear1 {display:block;width:400px;height:200px;background-image:-o-linear-gradient(left,rgba(255,255,0,0.4) 40%, #F00 100%);background-image:-moz-linear-gradient(left,rgba(255,255,0,0.4) 40%, #F00 100%);background-image:-ms-linear-gradient(left,rgba(255,255,0,0.4) 40%, #F00 100%);background-image:-webkit-linear-gradient(left,rgba(255,255,0,0.4) 40%, #F00 100%);background-image:linear-gradient(left,rgba(255,255,0,0.4) 40%, #F00 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0.4,rgba(255,255,0,0.4)),color-stop(1,#F00))}
.linear2 {display:block;width:400px;height:200px;background-image:-o-linear-gradient(-31deg,#0FF 0%, #00F 50%, rgba(0,0,255,0) 100%);background-image:-moz-linear-gradient(-31deg,#0FF 0%, #00F 50%, rgba(0,0,255,0) 100%);background-image:-ms-linear-gradient(-31deg,#0FF 0%, #00F 50%, rgba(0,0,255,0) 100%);background-image:-webkit-linear-gradient(-31deg,#0FF 0%, #00F 50%, rgba(0,0,255,0) 100%);background-image:linear-gradient(-31deg,#0FF 0%, #00F 50%, rgba(0,0,255,0) 100%)}
.linear3 {display:block;width:400px;height:200px;background-image:-o-linear-gradient(left top,#FF0 0%, #0F0 16%, #0FF 33%, #00F 50%, #F0F 66%, #F00 83%, #FF0 100%);background-image:-moz-linear-gradient(left top,#FF0 0%, #0F0 16%, #0FF 33%, #00F 50%, #F0F 66%, #F00 83%, #FF0 100%);background-image:-ms-linear-gradient(left top,#FF0 0%, #0F0 16%, #0FF 33%, #00F 50%, #F0F 66%, #F00 83%, #FF0 100%);background-image:-webkit-linear-gradient(left top,#FF0 0%, #0F0 16%, #0FF 33%, #00F 50%, #F0F 66%, #F00 83%, #FF0 100%);background-image:linear-gradient(left top,#FF0 0%, #0F0 16%, #0FF 33%, #00F 50%, #F0F 66%, #F00 83%, #FF0 100%);background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,#FF0),color-stop(0.16666666666666666,#0F0),color-stop(0.3333333333333333,#0FF),color-stop(0.5,#00F),color-stop(0.6666666666666666,#F0F),color-stop(0.8333333333333334,#F00),color-stop(1,#FF0))}