.gradient{
  height: 250px;
  width: 250px;
}
#linearTest{
 background: linear-gradient(red,purple,blue); 
}
#toLeft{
  background: linear-gradient(to left, red,orange,yellow); 
}
#angle{
 background: linear-gradient(45deg, purple,blue,black);
}
#radial{
 background: radial-gradient(white,pink); 
}
#atTop{
 background: radial-gradient(at top, black,yellow);
}
#bottomLeft{
 background: radial-gradient(at bottom left, green,orange); 
}
#ellipse{
 background: radial-gradient(ellipse, gray,orange); 
}
#leftEllipse{
 background: radial-gradient(ellipse at left, orange,gray); 
}