css gradient

background: linear-gradient(to left, red, blue);

.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%);
}

 

.gradient {
	background-image: linear-gradient(angle, color1, color2) // angle: 90deg,  color1: red, color2:darkred
}

\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}  

/* I know this has been answered by a lot of people */
/* But I just wanted to share this awesome color gradient with you*/
selector {
  background: linear-gradient(to bottom, rgba(255,0,100, 0.3), rgba(22,22,222, 0.9));
}
/* Paste this code in the css file */