.gradient
{
 height: 250px;
  width:250px;
}
#linearTest
{
  background: linear-gradient(red, purple, yellow);
  
}

#toLeft
{
 background: linear-gradient( to left, red, purple, yellow); 
}

#toTop
{
 background: linear-gradient(to top, green, brown, blue);
}

#angle
{
 background: linear-gradient(45deg, pink, teal, yellow) 
}

#radialGrad
{
  background: radial-gradient(red, yellow); 
}
#atTop
{
background: radial-gradient(at top, red, yellow);
}

#botTop
{
background: radial-gradient(at bottom left, red, yellow);
}

#ellipse
{
background: radial-gradient(ellipse, red, yellow);
}

#ellipseLeft
{
background: radial-gradient(ellipse at left, red, yellow);
}
footer
{
 height:150px;
  width:150px;
}