#show_bg_2 { background-image: /*two color gradient over an image*/ linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),url('images/background.jpg'); width: 80%; height: 400px; background-size: cover; }
.foo { background-image: linear-gradient(red, blue); }
background: linear-gradient(to left, #333, #333 50%, #eee 100%);
.element { background: linear-gradient(pink 50%, cyan 50%); }
div { background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%); }
\\code for a basic gradient background #grad { background-image: linear-gradient(red, yellow); }