css horizontální lineární gradient
background: linear-gradient(to left, red, blue);
css horizontální gradient barva pozadí
.foo {
background-image: linear-gradient(red, blue);
}
lineární gradient
background: linear-gradient(to left, #333, #333 50%, #eee 100%);
lineární gradient css obrázek na pozadí
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);
pozadí s obrazem a přechodem
body {
background: #eb01a5;
background-image: url("IMAGE_URL"); /* fallback */
background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531); /* W3C */
}
pozadí-obrázek lineární-gradient url
body {
background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
}