Answers for "linear gradient css using hsl"

css horizontal gradient background color

.foo {
	background-image: linear-gradient(red, blue);
}

linear gradient and url css

body {
  background: url('http://www.skrenta.com/images/stackoverflow.jpg') no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1)));
}
 Run code snippet